js中响应上、下键enter键程序代码

在有些网页中我们希望用户按回车就可以提交数据或禁止按回车提交数据，下面我来到介绍一个js响应上、下键enter键程序代码.

 
  1. <script type="text/javascript" charset="utf-8">  
  2.   function response(obj){  
  3.    var $list = $(obj);  
  4.    var $children = $list.children();  
  5.    var num= $children.size();//$list  总个数  
  6.    var current=0; //当前选中项  
  7.    addnow()  
  8.    $(document).bind('keydown',function(e){  
  9.     if($list.is(":visible")){  
  10.      if(e.keyCode == 40){ //向下  
  11.       if(current<num -1) current = current +1;  
  12.       addnow()  
  13.       e.preventDefault();  
  14.      }else if(e.keyCode ==38 ){//向上  
  15.       if(current > 0)current= current -1;  
  16.       addnow()  
  17.       e.preventDefault();  
  18.      }else if(e.keyCode == 13){  
  19.       var url = $children.eq(current).find('a').attr('href');  
  20.       document.location= url;  
  21.      }  
  22.     }else{  
  23.      current = 0;  
  24.      addnow()  
  25.     }  
  26.    });  
  27.    function addnow(){  
  28.     $children.eq(current).addClass('now').siblings().removeClass('now');  
  29.    }  
  30.   }  
  31.   response('#ul');  
  32.  
 

扫一扫手机访问