我一直在尝试禁用表单中的Enter键。我现在使用的代码如下所示。但是不知道为什么，按下回车键仍然会触发提交操作。这段代码位于我的head部分，并且根据其他来源来看似乎是正确的。
disableEnterKey: function disableEnterKey(e){
var key;
if(window.event)
key = window.event.keyCode; //IE
else
key = e.which; //firefox
return (key != 13);
},
如果你使用jQuery，那么它非常简单。这里是代码：
$(document).keypress(
function(event){
if (event.which == '13') {
event.preventDefault();
}
});
<script type="text/javascript">
window.addEventListener('keydown',function(e) {
if (e.keyIdentifier=='U+000A' || e.keyIdentifier=='Enter' || e.keyCode==13) {
if (e.target.nodeName=='INPUT' && e.target.type=='text') {
e.preventDefault();
return false;
}
}
}, true);
</script>
这段代码非常好用，因为它只禁用了输入类型为'text'的文本框中的“Enter”按键事件。这意味着访问者仍然可以在文本区域和整个网页中使用“Enter”键。他们仍然可以通过使用“Tab”键到达“提交”按钮并按下“Enter”来提交表单。
以下是一些亮点：
如果您想禁用其他操作的“Enter”键，可以添加console.log(e);进行测试，并在Chrome中按F12，转到“控制台”选项卡，然后在页面上按“退格”键并查看其中返回的值，然后您可以针对所有这些参数进一步增强上面的代码以适应您对"e.target.nodeName"、"e.target.type"等的需求...
e.target.nodeName === 'INPUT' && e.target.type !== 'textarea'。使用指定的代码将允许在单选框或复选框获得焦点时提交表单。 - afnpires<input id="noenter">上工作。 - NuclearApee.target.type=='text' 后面加上 &&e.target.id=='noenter'。 - NuclearApee.target.type != 'textarea' && e.target.type != 'submit' && e.target.type != 'button'。 - Plutoonkeypress="return event.keyCode != 13;"
例子
<input type="text" class="search" placeholder="search" onkeypress="return event.keyCode != 13;">
如果您希望在键入时搜索并忽略回车，则此功能可能很有用。
/// Grab the search term
const searchInput = document.querySelector('.search')
/// Update search term when typing
searchInput.addEventListener('keyup', displayMatches)
试试这个 ^^
$(document).ready(function() {
$("form").bind("keypress", function(e) {
if (e.keyCode == 13) {
return false;
}
});
});
$("#id-of-form") 或者更好的 $("form.form--disable-enter-key") 进行选择。 - StingeyB<button disabled>Submit</button> 放入表单中，在任何其他提交按钮/输入之前定位。我建议在 <form> 开始标签之后立即放置它（并使用 CSS 将其隐藏，accesskey='-1' 以使其退出 Tab 序列等）。但是，我知道 Safari 10 MacOS 在此处行为不当，即使默认按钮被禁用也会提交表单。表单元素的默认按钮是树顺序中第一个其表单所有者为该表单元素的提交按钮。
如果用户代理支持隐式提交表单（例如，在某些平台上，当文本字段获得焦点时，按“enter”键会隐式提交表单），则对于具有定义的激活行为的默认按钮的表单，必须导致用户代理在该默认按钮上运行合成点击激活步骤。
因此，如果默认按钮被禁用，则在使用此类隐式提交机制时不会提交表单。（禁用时，按钮没有激活行为。）
<button onclick="return false;">Submit</button>。在按下 ENTER 键时，将调用 onclick 处理程序，并且由于它返回 false，提交过程停止。我测试过的浏览器甚至不会执行浏览器验证操作（聚焦第一个无效的表单控件，显示错误消息等）。<input type="submit" disabled onclick="return false" style="display:none"></input>就可以解决问题。...而且我不需要在我的表单中做任何改变。有时候阅读说明书（在这种情况下是规格）真的很有帮助。 - Michael<input type="button" value="Submit" onclick="this.form.submit()" />
这是纯JavaScript实现的。
document.addEventListener('keypress', function (e) {
if (e.keyCode === 13 || e.which === 13) {
e.preventDefault();
return false;
}
});//prevent submission of forms when pressing Enter key in a text input
$(document).on('keypress', ':input:not(textarea):not([type=submit])', function (e) {
if (e.which == 13) e.preventDefault();
});
<script type="text/javascript">
function stopEnterKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type == "text")) { return false; }
}
document.onkeypress = stopEnterKey;
</script>
$("form").bind("keydown", function(e) {
if (e.keyCode === 13) return false;
});
这将等待按键事件，如果是Enter键，它将不做任何操作。