jquery回车能够提交表单

jquery键盘事件参考如下：
1、keydown()
keydown事件会在键盘按下时触发.
2、keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
3、keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

实际例表单如下：

<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");
}
});

在这里，我们选择使用的是keydown方法，然后监听了表单下的键盘事件，所以当焦点不再表单内部的时候是不会触发模拟点击提交表单按钮事件的。

标签: 

jquery