javascript - 在 Chrome 中处理 "Enter"/"Return"键

Question

我有一个 AJAX-y 类型的页面。当用户单击“GO”时，我需要执行特定的 javascript 函数。我还想在用户点击“Enter”或“Return”时模拟“GO”点击。请注意，我不想“提交”页面。原因是因为我通过 JavaScript 完成所有操作。

为了处理 IE 和 FireFox 中的“Enter”/“Return”按键，我使用了以下代码:

$(document).ready(function () {  
  $('#root').keypress(function(e) { 
    if (e.keyCode == '13') { 
      goButton(); 
    } 
  });
});

不幸的是，此代码在 Chrome 中不起作用。 goButton() 函数被调用。但问题是页面已提交。我做错了什么？

Answer 1

假设您有一个表单:

$('#theForm').submit(function(e){
    e.preventDefault();
    goButton();
    return false; // just to be sure.
});

您需要阻止表单的提交事件，该事件会在表单具有焦点并且用户按下回车键时调用。