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制作的产品广告效果
Dec 08 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
详解js闭包
Sep 02 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 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开发GUI
2006/10/09 PHP
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
Vue精简版风格概述
2018/01/30 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python开发之字符串string操作方法实例详解
2015/11/12 Python
python中defaultdict的用法详解
2017/06/07 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
Python调用C语言的实现
2019/07/26 Python
python3.7实现云之讯、聚合短信平台的短信发送功能
2019/09/26 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
高考考python编程是真的吗
2020/07/20 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
介绍一下Make? 为什么使用make
2016/07/31 面试题
荷叶母亲教学反思
2014/04/30 职场文书
病人慰问信范文
2015/02/15 职场文书
道歉的话语大全
2015/05/12 职场文书
2015年小学图书室工作总结
2015/05/18 职场文书
学习经验交流会策划书
2015/11/02 职场文书
股东协议书范本2016
2016/03/21 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书