Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在字段中禁用回车键?_Javascript_Html_Reactjs_Forms - Fatal编程技术网

Javascript 如何在字段中禁用回车键?

Javascript 如何在字段中禁用回车键?,javascript,html,reactjs,forms,Javascript,Html,Reactjs,Forms,我有这个元素: <Select> <Option value='1'>1</Option> <Option value='2'>2</Option> </Select> 我想在按下Enter键时禁用表单提交。我在field中尝试了以下操作: 但是,出于某种原因,这对我来说并不奏效 还有其他方法吗?在Javascript代码中尝试代码片段: window.addEventListener('keydown',func

我有这个元素:

<Select>
  <Option value='1'>1</Option>
  <Option value='2'>2</Option>
</Select>
我想在按下Enter键时禁用表单提交。我在field中尝试了以下操作:

但是,出于某种原因,这对我来说并不奏效
还有其他方法吗?

在Javascript代码中尝试代码片段:

window.addEventListener('keydown',function(event){
  if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
});
但是,如果您只想将表单作为目标,请执行以下操作:

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


在Javascript代码中尝试代码片段:

window.addEventListener('keydown',function(event){
  if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
});
但是,如果您只想将表单作为目标,请执行以下操作:

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


你试过按键吗?@ChrisG谢谢!这同样有效。你试过按键吗?@ChrisG谢谢!这同样有效。这完全禁用了整个页面上的回车键。@ChrisG我已经更新了答案。这完全禁用了整个页面上的回车键。@ChrisG我已经更新了答案
const form = document.querySelector('.your-form');

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