欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > 网站开发

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

所属栏目:网站开发更新时间:2017-10-12 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

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()">//添加监听事件 
function autosubmit(){//事件触发函数 
 if(event.keyCode==13){ 
   document.form.submit(); 
 }   
}



标签:
收藏 0 有帮助 0 没帮助 0 打赏 0
相关教程
给个评价吧
百度云加速250x250