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 相关文章推荐
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
javascript学习小结之prototype
Dec 03 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
小程序接口的promise化的实现方法
Dec 11 Javascript
微信小程序新闻网站详情页实例代码
Jan 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
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
js 页面输出值
2008/11/30 Javascript
javascript 写类方式之九
2009/07/05 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
获取body标签的两种方法
2011/10/13 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
node.js的事件机制
2017/02/08 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
[01:04:02]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第二场 1月24日
2021/03/11 DOTA
python中base64加密解密方法实例分析
2015/05/16 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
初级Java程序员面试题
2016/03/03 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
中专自我鉴定范文
2013/10/16 职场文书
大学生个人事迹材料
2014/01/21 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
创意婚礼策划方案
2014/05/18 职场文书
任命书范本大全
2014/06/06 职场文书
安全责任书模板
2014/07/22 职场文书
党性分析自查总结
2014/10/14 职场文书
离职感谢信
2015/01/21 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
mysql数据库隔离级别详解
2022/06/16 MySQL