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 相关文章推荐
javascript ajax 仿百度分页函数
Oct 29 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
vue2.0 可折叠列表 v-for循环展示的实例
Sep 07 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
vue input标签通用指令校验的实现
Nov 05 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
Feb 11 Vue.js
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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
如何使用php实现评委评分器
2015/07/31 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
js实现购物车功能
2018/06/12 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
浅析Python中return和finally共同挖的坑
2017/08/18 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
Python中过滤字符串列表的方法
2020/12/22 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
2013/01/09 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
某公司C#程序员面试题笔试题
2014/05/26 面试题
开工典礼策划方案
2014/05/23 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
2015年学生会工作总结范文
2015/03/31 职场文书
学生犯错保证书
2015/05/09 职场文书
家长意见书
2015/06/04 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
mysql主从复制的实现步骤
2021/10/24 MySQL