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

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

键盘事件有3:

jquery键盘事件参考:

1、keydown()

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

2、keyup()

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

3、keypress()

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

正确代码为:

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

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

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

rush:js;"> $(window).keydown(function(){ ... })

XP系统IE6下是不成功的。

2.还有INPUT的

rush:js;"> $("input").keydown(function(){ ... })

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

例表单如下:

rush:js;">

用户名

密码:

juqery实现方法

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

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

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值