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 相关文章推荐
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
js判断是否是手机页面
Mar 17 Javascript
javascript实现延时显示提示框效果
Jun 01 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
vue 解决provide和inject响应的问题
Nov 12 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下封装较好的数字分页方法
2010/11/23 PHP
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
JS开发常用工具函数(小结)
2019/07/04 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
Python pass详细介绍及实例代码
2016/11/24 Python
python计算auc指标实例
2017/07/13 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
用python制作游戏外挂
2018/01/04 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
区分python中的进程与线程
2020/08/13 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
学生安全责任书范本
2014/07/24 职场文书
工作态度不端正检讨书
2014/10/04 职场文书