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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2020-05-15 我要评论

jquery 实现回车登

1.button按钮提交方式

//按钮事件
$(‘#btnSumit‘).click(function() {
  alert(‘测试‘);
});
 //回车提交事件
$("body").keydown(function() {
  if (event.keyCode == "13") {//keyCode=13是回车键
    $(‘#btnSumit‘).click();
  }
});  

2.form表单提交方式

  a.使用jquery

$("body").bind(‘keyup‘,function(event) { 
  if(event.keyCode==13){ 
    document.form.submit(); 
  }   
});   

  b.非jquery 

<body onkeyup="autosubmit()">//添加监听事件 
function autosubmit(){//事件触发函数 
 if(event.keyCode==13){ 
   document.form.submit(); 
 }   
} 



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们