用jQuery屏蔽掉按回车键时提交表单
2014-04-16 15:11
791 查看
默认情况下,在表单输入框里按回车将会提交表单,但有时需要屏蔽掉按回车键提交表单功能,以保证完整输入表单,如何做呢?
如果上面的方式不行,还有一种方式是直接对document进行操作,如:
<script type="text/javascript"> $(function() { $("input").keypress(function (e) { var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode; if (keyCode == 13) { for (var i = 0; i < this.form.elements.length; i++) { if (this == this.form.elements[i]) break; } i = (i + 1) % this.form.elements.length; this.form.elements[i].focus(); return false; } else { return true; } ); }); </script>
如果上面的方式不行,还有一种方式是直接对document进行操作,如:
$(document).keyup(function(event){ if(event.keyCode ==13){ $("#btn_search").trigger("click"); } });
相关文章推荐
- 用jQuery屏蔽掉按回车键时提交表单
- Jquery响应回车键直接提交表单操作代码
- jquery 回车事件,提交表单
- 解析jquery实现回车键提交表单
- jquery输入框按下回车提交表单
- jquery输入框按下回车提交表单
- jquery禁止回车触发表单提交
- jQuery实现文本框回车键提交form表单
- jquery按回车键实现表单提交的简单实例
- jquery按回车键实现表单提交代码
- jQuery实现ctrl+enter(回车)提交表单
- jquery回车能够提交表单
- jquery回车提交表单
- 全面解析jquery实现回车键提交表单
- jQuery实现ctrl+enter(回车)提交表单
- jquery禁止回车触发表单提交
- 屏蔽表单中的input回车 提交
- jquery按下回车键提交表单
- JQuery禁止回车提交表单