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乱码的一次解决过程 图解教程
Feb 20 Javascript
Javascript中获取出错代码所在文件及行数的代码
Sep 23 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
jquery如何通过name名称获取当前name的value值
Dec 20 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
深入理解node.js http模块
Jan 24 Javascript
Node.js 多线程完全指南总结
Mar 27 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
如何去掉文章里的 html 语法
2006/10/09 PHP
Ajax PHP简单入门教程代码
2008/04/25 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
一些不错的js函数ajax
2008/08/20 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python实现一个优先级队列的方法
2020/07/31 Python
通过代码实例了解Python异常本质
2020/09/16 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
详解pandas映射与数据转换
2021/01/22 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
实现向右循环移位
2014/07/31 面试题
毕业自荐书
2013/12/09 职场文书
推荐信格式要求
2014/05/09 职场文书
解除同居协议书
2015/01/29 职场文书
团日活动总结格式
2015/05/11 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang
Python基础之pandas数据合并
2021/04/27 Python
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫