按enter执行click或者搜索问题

Posted 2020-08-22 荆棘人

最近需要将按按钮搜索的功能，改为支持按enter回车键，搜索。

实现按enter，执行click事件还是比较简单的。

//按回车搜索用户
$(window).keydown(function (event) {
//alert("您按了 键");
if (event.keyCode == 13) {
//alert("您按了enter");

// var source = $("#<%=Button1.ClientID %>").click();
document.getElementById("<%=Button1.ClientID %>").click();
return false;
}

});

以上代码就能实现该功能了。

但是实现的时候，发现多次按enter才能搜索到结果，后来被领导提示说是，form表单默认按enter会提交表单，所以很郁闷，因为用了母版页。

跑不出母版页的form 表单，怎么办呢，最后发现在click事件后面返回false，就阻止form表单提交了，最后问题完美解决。

 

 

如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。