javascript - 使用 'Enter Key' 停止重新加载页面

Question

我在页面顶部有一个搜索框，当用户点击相邻的按钮时，它会发出 ajax 调用。我正在尝试更新输入标签，以便当用户按下“输入”键 时，适当的 JavaScript 会发生而无需重新加载页面。问题是页面不断重新加载。这是我最近的尝试:

$("searchText").bind('keyup', function(event){ 
  if(event.keyCode == 13){ 
    event.preventDefault();
    $("#buttonSrch").click(); 
    return false;
  }
});

<input type='search' id='searchText' />
<input type='button' id='buttonSrch' onclick="search(document.getElementById('searchText'))" value='Search' />

Answer 1

不要绑定(bind)到输入；绑定(bind)到 form。假设 form 的 ID 为 searchForm:

$("#searchForm").submit(function() {
    search($("#searchText").get(0));
    return false;
});

Try it out.

它也可以用纯 JavaScript 来完成:

document.getElementById('searchForm').addEventListener('submit', function(e) {
    search(document.getElementById('searchText'));
    e.preventDefault();
}, false);