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 相关文章推荐
简单的js分页脚本
May 21 Javascript
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
javascript中"/"运算符常见错误
Oct 13 Javascript
JS 面向对象之神奇的prototype
Feb 26 Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 Javascript
js charAt的使用示例
Feb 18 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
JS原生带缩略图的图片切换效果
Oct 10 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
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
jQuery 使用手册(三)
2009/09/23 Javascript
div层的移动及性能优化
2010/11/16 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
js实现五星评价功能
2017/03/08 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
Flask解决跨域的问题示例代码
2018/02/12 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
如何通过python检查文件是否被占用
2020/12/18 Python
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
实体的生命周期
2013/08/31 面试题
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
最新计算机专业自荐信
2013/10/16 职场文书
高级工程师岗位职责
2013/12/15 职场文书
列车长先进事迹材料
2014/01/25 职场文书
维修工先进事迹
2014/05/29 职场文书
公司董事长岗位职责
2014/06/08 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
免职证明样本
2014/10/23 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书