Jquery响应回车键直接提交表单操作代码
更新时间：2014年07月25日 10:43:50 投稿：junjie
这篇文章主要介绍了Jquery响应回车键直接提交表单操作代码,推荐使用keyup哦,文中有说明,需要的朋友可以参考下
事情是这样的，做了一个登陆页面，把 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获取焦点时候，才能监听到键盘事件。
相关文章
这篇文章主要介绍了jQuery手机浏览器中拖拽动作的艰难性分析,实例分析了常见的jQuery手机浏览器中拖拽动作解决方案,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
本文主要给大家分享的是使用jQuery实现html元素可拖拽的效果，十分的炫酷，代码也相对比较简单，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了Jquery滑动门/tab切换实现方法,结合完整实例形式分析了Jquery滑动门/tab切换具体操作技巧与页面元素动态操作实现方法,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了jQuery+css实现非常漂亮的水平导航菜单效果,通过each方法遍历元素再使用removeClass与addClass变换页面元素样式实现导航菜单的切换效果,需要的朋友可以参考下2016-07-07
在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等.2011-02-02
jQuery探测位置的提示弹窗(toolTip box)详细解析
提示弹窗（toolTip box）经常会被用到，但是本文总要的不是弹，也不是窗，而是探测位置，在适当的地方弹窗。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
登陆判断在实际应用中还是比较常见，在客户端执行判断可以减少服务器端的负担，感兴趣的朋友可以参考下2013-04-04
这篇文章主要介绍了jquery简单实现纵向的无缝滚动，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了最原始的jQuery注册验证方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
最近在做一个项目，里面需要js 异步请求的时候，把上一次的的请求取消2010-10-10
最新评论