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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
基于node.js的快速开发透明代理
Dec 25 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
易操作的jQuery表单提示插件
Dec 01 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
微信小程序开发之toast提示插件使用示例
Jun 08 Javascript
一个手写的vue放大镜效果
Aug 09 Javascript
Vuex的实战使用详解
Oct 31 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
Vue $emit()不能触发父组件方法的原因及解决
Jul 28 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
自己做矿石收音机
2021/03/02 无线电
把PHP安装为Apache DSO
2006/10/09 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
js删除局部变量的实现方法
2016/06/25 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
JS实现鼠标移上去显示图片或微信二维码
2016/12/14 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
python optparse模块使用实例
2015/04/09 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
新电JAVA笔试题目
2014/08/31 面试题
关于圣诞节的广播稿
2014/01/26 职场文书
高三霸气励志标语
2014/06/24 职场文书
红领巾心向党演讲稿
2014/09/10 职场文书
经验交流材料格式
2014/12/30 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android