A-A+

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

2016年02月21日 web前端设计 暂无评论 阅读 6 views 次

在有些网页中我们希望用户按回车就可以提交数据或禁止按回车提交数据,下面我来到介绍一个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');  
标签:

给我留言