jquery按回车键实现表单提交代码

来源:互联网 发布:js 表单如何拼接字符串 编辑:程序博客网 时间:2024/06/04 19:36
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");
 }
});




0 0
原创粉丝点击