Jquery响应回车键直接提交表单操作代码


Posted in Javascript onJuly 25, 2014

事情是这样的,做了一个登陆页面,把 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获取焦点时候,才能监听到键盘事件。
Javascript 相关文章推荐
枚举JavaScript对象的函数
Dec 22 Javascript
javascript显示选择目录对话框的代码
Nov 10 Javascript
一个简单的javascript类定义例子
Sep 12 Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
jQuery实现“扫码阅读”功能
Jan 21 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
javascript对象3个属性特征
Nov 17 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 #Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 #Javascript
js星星评分效果
Jul 24 #Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 #Javascript
js创建对象的区别示例介绍
Jul 24 #Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 #Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 #Javascript
You might like
url decode problem 解决方法
2011/12/26 PHP
php读取纯真ip数据库使用示例
2014/01/26 PHP
PHP导入导出Excel代码
2015/07/07 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
详解angular element()方法使用
2017/04/08 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
tornado 多进程模式解析
2018/01/15 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
社区母亲节活动记录
2014/03/06 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
安全月活动总结
2014/05/05 职场文书
交通事故赔偿协议书
2014/10/16 职场文书
合作意向协议书
2015/01/29 职场文书
客房服务员岗位职责
2015/02/09 职场文书
挂职个人工作总结
2015/03/05 职场文书
525心理健康活动总结
2015/05/08 职场文书
永远是春天观后感
2015/06/12 职场文书
施工安全责任协议书
2016/03/23 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
股东合作协议书模板2篇
2019/11/05 职场文书
Python学习之异常中的finally使用详解
2022/03/16 Python
浅谈Vue的computed计算属性
2022/03/21 Vue.js
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle