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;
}
});