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 相关文章推荐
javascript 简练的几个函数
Aug 29 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
Nov 19 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
javascript中闭包概念与用法深入理解
Dec 15 Javascript
jQuery实现两个select控件的互移操作
Dec 22 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
vue路由分文件拆分管理详解
Aug 13 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
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实现转换html格式为文本格式的方法
2016/05/16 PHP
php给数组赋值的实例方法
2019/09/26 PHP
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
jquery监控数据是否变化(修正版)
2011/04/12 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
jquery实现数字输入框
2017/02/22 Javascript
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python 获得13位unix时间戳的方法
2017/10/20 Python
Python用for循环实现九九乘法表
2018/05/31 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
Python for循环及基础用法详解
2019/11/08 Python
flask实现验证码并验证功能
2019/12/05 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
三个Unix的命令面试题
2015/04/12 面试题
大学生简短的自我评价分享
2014/02/20 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
大课间活动实施方案
2014/03/06 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
费用申请报告范文
2015/05/15 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书