您的位置:首页 > Web前端 > JQuery

用jQuery屏蔽掉按回车键时提交表单

2014-04-16 15:11 791 查看
默认情况下,在表单输入框里按回车将会提交表单,但有时需要屏蔽掉按回车键提交表单功能,以保证完整输入表单,如何做呢?

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


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: