📅  最后修改于: 2023-12-03 15:12:48.025000             🧑  作者: Mango
有时,当用户在表单输入框中按下“ENTER”键时,会意外地提交表单。例如,在搜索框内输入关键字并按下“ENTER”键,表单将在不经意间被提交,这可能导致页面刷新,造成用户不便。
为了避免这种情况发生,我们可以使用JavaScript来拦截“ENTER”键提交事件。
以下是一个示例代码片段:
document.addEventListener('keydown', function(event) {
var keyCode = event.keyCode || event.which;
if (keyCode === 13) {
event.preventDefault();
}
});
此代码使用“keydown”事件监听器来检测用户是否按下“ENTER”键。如果是,则使用“preventDefault()”方法阻止表单被提交。
在页面中添加此代码片段后,用户将不再意外地提交表单,而是必须单击提交按钮提交表单。
另外,如果您正在使用jQuery库,也可以使用以下代码:
$(document).on('keydown', 'input', function(event) {
if (event.keyCode === 13) {
event.preventDefault();
}
});
此代码将在整个文档上监听“input”元素上的“keydown”事件,如果用户按下“ENTER”键,则使用“preventDefault()”方法阻止表单被提交。