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 相关文章推荐
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
详解如何修改 node_modules 里的文件
May 22 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
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
vscode 远程调试python的方法
2017/12/01 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
python中加背景音乐如何操作
2020/07/19 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
护理专业毕业生自我鉴定
2013/10/08 职场文书
播音主持女孩的自我评价分享
2013/11/20 职场文书
理财投资建议书
2014/03/12 职场文书
小学教师评语大全
2014/04/23 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
公司年会开场白
2015/06/01 职场文书
汉字听写大会观后感
2015/06/12 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
js中Object.create实例用法详解
2021/10/05 Javascript
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
nginx 配置指令之location使用详解
2022/05/25 Servers