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 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
Jan 02 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
详解React之key的使用和实践
Sep 29 Javascript
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 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/01 无线电
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
django表单实现下拉框的示例讲解
2018/05/29 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
Python实现网站表单提交和模板
2019/01/15 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
Python 字典中的所有方法及用法
2020/06/10 Python
利用python进行文件操作
2020/12/04 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
社区党支部公开承诺书
2015/04/29 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
60句有关成长的名言
2019/09/04 职场文书
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python