jquery 在页面中按回车 响应 事件

为了用户方便我们往往会在用户回车之后做一些事,比如登陆的时候,填完表单过后,我们习惯性的会直接按回车,当然要处理这个,jquery是很简单的,我们来看看怎么做吧。

 1 $(document).ready(function(){
 2     
 3     $(function(){
 4         document.onkeydown = function(e){
 5             var ev = document.all ? window.event :e;
 6             if(ev.keyCode==13) {
 7                 $("#btnAnchorLogin").trigger("click"); 
 8              }
 9         }
10         });
11 
12 $("#btnAnchorLogin").click(function(){
13                         if($("#sUser").attr("value")=="")
14         {
15             alert("用户名不能为空!");
16             $("#sUser").focus();
17         }
18         else if($("#sPsw").attr("value")=="")
19         {
20             alert("密码不能为空!");
21             $("#sPsw").focus();
22         }
23         else if($("#imgCode").attr("value")=="")
24         {
25             alert("验证码不能为空!");
26             $("#imgCode").focus();
27         }
28 });
29 }); 

这样就在按回车的时候相当于点击登陆按钮了。高手勿喷。

某个控件:
$('#id').keydown(function(e){
if(e.keyCode==13){
   $('#FormId).submit(); //处理事件
}
});

if (window.event.keyCode==13) window.event.keyCode=0   //这样就取消回车键了

如果想模拟Tab键,只要写成  if (window.event.keyCode==13) window.event.keyCode=9    就行了,它会跳到另一个元素上。

当然可以用css的顺序来做。

posted @ 2013-08-13 15:06  雷杰  阅读(524)  评论(0编辑  收藏  举报