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 相关文章推荐
判断滚动条到底部的JS代码
Nov 04 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
jQuery事件对象总结
Oct 17 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
详解Vue组件之间的数据通信实例
Jun 17 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
在vue中使用css modules替代scroped的方法
Mar 10 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 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 的 __FILE__ 常量
2007/01/15 PHP
PHP中的array数组类型分析说明
2010/07/27 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
php调用C代码的实现方法
2014/03/11 PHP
php使用codebase生成随机数
2014/03/25 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
javascript 必知必会之closure
2009/09/21 Javascript
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
layui导航栏实现代码
2017/05/19 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
Python字符转换
2008/09/06 Python
Python比较两个图片相似度的方法
2015/03/13 Python
requests和lxml实现爬虫的方法
2017/06/11 Python
django 按时间范围查询数据库实例代码
2018/02/11 Python
flask中的wtforms使用方法
2018/07/21 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
wxPython实现带颜色的进度条
2019/11/19 Python
联想墨西哥官方网站:Lenovo墨西哥
2016/08/17 全球购物
如何在发生故障的节点上重新安装 SQL Server
2013/03/14 面试题
环境工程毕业生自荐信
2013/11/17 职场文书
企业宣传标语
2014/06/09 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
爱晚亭导游词
2015/02/09 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技