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倒计时功能实现代码
Jun 07 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
js动态添加事件并可传参数示例代码
Oct 21 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
Angularjs 实现一个幻灯片示例代码
Sep 08 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
Jan 16 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
Vue实现push数组并删除的例子
Nov 01 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
Protoss兵种对照表
2020/03/14 星际争霸
php print EOF实现方法
2009/05/21 PHP
基于php无限分类的深入理解
2013/06/02 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
DOM事件探秘篇
2017/02/15 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
vue router2.0二级路由的简单使用
2017/07/05 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
python显示生日是星期几的方法
2015/05/27 Python
python自定义异常实例详解
2017/07/11 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
ANINE BING官方网站:奢华的衣橱基本款和时尚永恒的单品
2019/11/26 全球购物
工商管理自荐书
2014/07/06 职场文书
2014年统计工作总结
2014/11/21 职场文书
未中标通知书
2015/04/17 职场文书
车辆管理制度范本
2015/08/05 职场文书
股东出资协议书
2016/03/21 职场文书
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js