jquery按回车键实现表单提交的简单实例


Posted in Javascript onMay 25, 2016

本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以。

键盘事件有3:

jquery键盘事件参考:

1、keydown()

keydown事件会在键盘按下时触发.

2、keyup()

keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件

3、keypress()

keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

正确代码为:

$(document).keyup(function(event){
 if(event.keyCode ==13){
  $("#submit").trigger("click");
 }
});

推荐:keyup,防止笔记本键盘不小心触摸到了

1.有些文档中有写成这样:

$(window).keydown(function(){
...
})

XP系统IE6下是不成功的。

2.还有INPUT的

$("input").keydown(function(){
...
})

这种情况要在input获取焦点时候,才能监听到键盘事件。

例表单如下:

<form name="loginform" id="loginform" method="post">
 <div>   
   <p>用户名:<input type="text" name="username" /></p>
   <p>密码:<input type="password" name="password" /></p>
   <p><input type="button" value="" class="log_btn" /></p>
 </div>
</form>

juqery实现方法:

$("#loginform").keydown(function(e){
 var e = e || event,
 keycode = e.which || e.keyCode;
 if (keycode==13) {
 $(".log_btn").trigger("click");
 }
});

以上这篇jquery按回车键实现表单提交的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
找到了一篇jQuery与Prototype并存的冲突的解决方法
Aug 29 Javascript
js调用flash的效果代码
Apr 26 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
jQuery中nextUntil()方法用法实例
Jan 07 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
安装多版本Vue-CLI的实现方法
Mar 24 Javascript
Javascript之BOM(window对象)详解
May 25 #Javascript
jQueryUI中的datepicker使用方法详解
May 25 #Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 #Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 #Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 #Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 #Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
May 24 #Javascript
You might like
一棵php的类树(支持无限分类)
2006/10/09 PHP
基于PHP CURL用法的深入分析
2013/06/09 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
2010/04/02 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python base64编码解码实例
2015/06/21 Python
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
在Python中定义一个常量的方法
2018/11/10 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
公司司机岗位职责范本
2014/03/03 职场文书
槐乡的孩子教学反思
2014/04/27 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android