jquery 实现回车登陆详解及实例代码

来源:互联网 发布:淘宝拆分订单发货 编辑:程序博客网 时间:2024/05/23 02:07
这篇文章主要介绍了jquery 实现回车登录详解的相关资料,整理了几种方法及简单实现实例,需要的朋友可以参考下

jquery 实现回车登

1.button按钮提交方式

?
1
2
3
4
5
6
7
8
9
10
//按钮事件
$(‘#btnSumit‘).click(function() {
  alert(‘测试‘);
});
 //回车提交事件
$("body").keydown(function() {
  if(event.keyCode == "13") {//keyCode=13是回车键
    $(‘#btnSumit‘).click();
  }
}); 

2.form表单提交方式

  a.使用jquery

?
1
2
3
4
5
$("body").bind(‘keyup‘,function(event) {
  if(event.keyCode==13){
    document.form.submit();
  }  
});  

  b.非jquery 

?
1
2
3
4
5
6
<body onkeyup="autosubmit()">//添加监听事件
functionautosubmit(){//事件触发函数
 if(event.keyCode==13){
   document.form.submit();
 }  
}
以上这篇文章就是我分享给大家的全部内容了,希望能给大家一个参考。 
 
0 0
原创粉丝点击