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

Question

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

现在，当在文本框中按下Enter键时，我想做一些其他的事情。

我正在尝试像这样做：

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

警告弹出框可以正常工作，但提交仍在进行。提交后我的页面会重新加载。

请帮助我解决这个问题。

- Milos Cuculovic

---

您不需要使用'onPaste'参数。 - Knase

Answer 1

使用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

---

问题中没有提到jQuery。 - James Allardice

可以使用简写形式： onkeydown="event.keyCode == 13 && event.preventDefault()" - lemonskunnk

Answer 2

编写 return false; 并进行检查

- Hkachhia

---

现在已将此标记为过时。应使用 event.preventDefault() 和/或 event.stopPropagation()。 - thsorens

Answer 3

另一个选择是使用onkeypress

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

- s_a

---

在if语句中，你需要加上{}，否则无论按下哪个键都会返回false。 - Phil Sattele

Answer 4

您可以尝试以下脚本：

您可以尝试以下脚本：

<script>
  function checkEnter(event)
  {
    if (event.keyCode == 13) 
    {
      alert('enter')
      return false;
    }
  }
</script>

并且HTML：

<input type="text" id="first_page" onPaste="" onkeydown="return checkEnter(event);" />

- Sandeep Pathak

Answer 5

在 keydown 事件处理函数中应该返回 false 以防止事件的进一步处理。

此外，您可能会发现以下问题有用：通过按 Enter 键防止用户提交表单。

- Xavi López

Answer 6

在alert('enter')后面写入以下代码

return false;

- Tarun Tak

Answer 7

我使用这个方法，它在我的电脑上有效。

在按键按下事件中进行替换：

onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"

- Abdul Afiq

---

谢谢 @Michelle，我还是Stack Overflow的新手。 - Abdul Afiq

Answer 8

 $(function () {$('#form').validationEngine(); });

它将在我的MVC问题中起作用

- laki laki

Answer 9

使用 jQuery 可以避免提交所有或某些元素

$("#form").submit(function(e) {
    e.preventDefault();
});

- Vladimir

---

这将完全阻止表单被提交，我怀疑这不是OP的意图。 - tbm