jquery回车能够提交表单

删除回忆录丶 提交于 2020-03-30 21:06:42

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方法,然后监听了表单下的键盘事件,所以当焦点不再表单内部的时候是不会触发模拟点击提交表单按钮事件的。

标签: 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!