Jquery响应回车键直接提交表单操作代码
发布时间：2020-12-14 23:14:22 所属栏目：资源 来源：网络整理
导读：事情是这样的，做了一个登陆页面，把 Form 去了，直接拿 Jquery 的 Ajax 跟服务器交互，但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧： 复制代码 代码如下: $("#loginbox input[type='submit']").click(functi
|
事情是这样的，做了一个登陆页面，把 Form 去了，直接拿 Jquery 的 Ajax 跟服务器交互，但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧： 复制代码 代码如下: $("#loginbox input[type='submit']").click(function() { //Ajax 与服务器交互验证 }); $('#loginbox').keydown(function(e){ if(e.keyCode == 13){ //模拟点击登陆按钮，触发上面的 Click 事件 $("#loginbox input[type='submit']").click(); } }); 如果使用keydown的话，IE6可能无效，解决方法请接着往下看 键盘事件有3： keydown，keypress，keyup，分别是按下，按着没上抬，上抬键盘 。 正确代码为： 复制代码 代码如下: $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐：keyup，防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样： 复制代码 代码如下: $(window).keydown（function(){ ... }） XP系统IE6下是不成功的。 2.还有INPUT的 复制代码 代码如下: $("input").keydown（function(){ ... }） 这种情况要在input获取焦点时候，才能监听到键盘事件。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |