如何在 <Select> 字段中禁用 Enter 键？

Question

我有这个元素：

<Select>
  <Option value='1'>1</Option>
  <Option value='2'>2</Option>
</Select>

我想在按下 Enter 时禁用表单提交。我尝试了以下<Input>字段：

<Input onPressEnter={disableEventHelper} />

disableEventHelper = (e) => e.preventDefault();

但是，出于某种原因，这不起作用<Select> 是否有另一种方法可以做到这一点？

Answer 1

在您的 Javascript 代码中尝试代码片段：

window.addEventListener('keydown',function(event){
  if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
});

但是，如果您只想定位您的表单，请执行以下操作：

假设您的表单有一个名为 的类your-form：

const form = document.querySelector('.your-form');

form.addEventListener('keydown',function(event){
  if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
});