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

Question

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

请注意，React中也有！

任何帮助都将不胜感激！

谢谢！

Answer 1

您可以使用输入字段的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.
}

Answer 2

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

类似于：

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