HTML 文本输入：避免在按下回车时提交

Question

我有一个 HTML 输入，它是一个文本字段。当我按下回车时，这将调用提交，这是正常的。

现在，当在该文本框上单击 Enter 时，我想做其他事情。

我正在尝试这样的事情：

 <input type="text"
       id="first_page"
       onPaste=""
       onkeydown="if (event.keyCode == 13) alert('enter')" />

警报运行良好，但提交仍然完成。之后我的页面正在重新加载。

请问你能帮帮我吗。

原文由 Milos Cuculovic 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

写 return false; 并检查它

原文由 Hkachhia 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 jQuery：

 <script>
  $('#first_page').keypress(function(e) {
    if (e.keyCode == '13') {
      e.preventDefault();
      //your code here
    }
  });​
</script>

使用javascript

 <input type="text" id="first_page" onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />

原文由 Sibu 发布，翻译遵循 CC BY-SA 4.0 许可协议