网页select响应回车事件显示下拉框

网页select响应回车事件显示下拉框

网页select响应回车事件显示下拉框
    event.keyCode == 13  //判断按下的是那一个间,13代表的是回车键。
    button.click();    //执行按钮事件。
    event.returnValue = false;   //这个是为了防止浏览器捕捉到用户按下回车键而进行其他操作。例如假如输入框中,没有这行代码的话,在执行完按钮事件后,其还会执行换行的动作。

	
  • <html>        
  • <head>     
  • <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">     
  • <meta   name="ProgId"   content="FrontPage.Editor.Document">     
  • <title>回车事件下拉框</title> 
  • <script type="text/javascript"> 
  • var flag=1;  
  • function b_onclick()  
  • {  
  •    if(flag==1){  
  •     selconselcon.size=selcon.options.length;  
  •     flag=0;  
  •    }else{  
  •     selcon.size=1;  
  •     flag=1;  
  •    }  
  •      
  • }  
  • function BindEnter(obj)  
  • {  
  •     //使用document.getElementById获取到按钮对象  
  •     var button = document.getElementById('test');  
  •     if(obj.keyCode == 13)  
  •         {  
  •             button.click();  
  •             obj.returnValue = false;  
  •         }  
  • }  
  • </script> 
  •   </head>     
  •       
  • <body onkeydown="BindEnter(event)"> 
  • <input type="text"  id="2" />  <br> 
  • <div id='s' style="background:#333333"> 
  • <input type="hidden" value="测试按钮" id="test" onclick="b_onclick()" />     <br> 
  •       <select   size="1"   name="selcon" multiple>     
  •       <option>   test1</option>     
  •       <option>   test2</option>     
  •       <option>   test3</option>     
  •       <option>   test4</option>     
  •       <option>   test5</option>     
  •       <option>    test6</option>     
  •       </select>     
  •  
  • </div> 
  • </body>     
  • </html>   
  •  下面是一段图片的鼠标事件高亮代码
     

    	
  • <script language="JavaScript"> 
  • <!--  
  • function high(which2){  
  • theobject=which2 
  • highlighting=setInterval("highlightit(theobject)",20)  
  • }  
  • function low(which2){  
  • clearInterval(highlighting)  
  • which2.filters.alpha.opacity=50 
  • }  
  • function highlightit(cur2){  
  • if (cur2.filters.alpha.opacity<100)  
  • cur2.filters.alpha.opacity+=5  
  • else if (window.highlighting)  
  • clearInterval(highlighting)  
  • }  
  • --> 
  • </script> 
  •   <div class="thumbmedia"> 
  •   <img src='/zibo/media/m_1.png' onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=20)" Equipm/> 
  •   </div>