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

html5 • • 问答 • 19 阅读

我有这个元素：

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

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

<Input onPressEnter={disableEventHelper} />

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

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

回答

在您的 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;
    }
});

以上是如何在&lt;Select&gt;字段中禁用Enter键？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>