Question

我有一个输入字段，当用户键入内容时，下面会显示一个选项列表，用户将单击其中一个选项。用户也可以按Enter键。但是，如果用户输入的内容不在弹出的下拉菜单中，然后按Enter，则我的应用程序将崩溃。我想知道是否有一种方法可以禁用输入字段上的回车键，以便当有人尝试按下它时，它什么也不会做。

请注意，它也在React中！

任何帮助将不胜感激！

谢谢！

Answer 1

您可能需要在输入更改方法中使用event.preventDefault()方法。

类似的东西：

inputChange = event => {
  if (event.target.key === 'Enter') {
    event.preventDefault();
  }
}

Answer 2

您可以使用输入字段的onKeyDown事件。您可以调用如下方法，

const onKeyDown = (event) => {
    if (event.keyCode === 13) { //13 is the key code for Enter
      event.preventDefault()
      //Here you can even write the logic to select the value from the drop down or something.
    }

防止在HTML输入字段上输入回车键react.js

2 个答案: