需求是,用Input创建一个搜索框,回车后直接执行搜索操作,但在实现过程中,会出现刷新页面的问题,代码如下:
<div class="col-sm-3" style="float: right;">
<div class="input-group" style="width: 250px;">
<input type="text" id="searchContext" class="form-control" placeholder="模糊搜索IP..." />
<span class="input-group-btn"> <button class="btn btn-default" id="doEachAction" type="button" onclick="do_earch()">搜索</button> </span>
</div>
<!-- /input-group -->
</div>
在Input的输入框中回车,页面会自动刷新,解决方法如下:
$("#searchContext").keydown(function() {
if (event.keyCode == "13") {
$('#doEachAction').click();
return false // 必须加上一行这个
}
});
如上,必须加上return false
一行,看了很多网络上的资料,但没有加这一行。