主要原因是回车键的默认行为是刷新页面,而不是提交表单。可以通过以下两种方法解决这个
代码示例:
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
// 执行表单提交操作
});
代码示例:
document.querySelector('form').addEventListener('keypress', function(event) {
if (event.keyCode === 13) {
event.preventDefault();
// 执行表单提交操作
}
});
使用方法:
将以上代码放在页面对应的script标签内,并将其中的'form'替换成你自己的表单元素的ID或class即可。
上一篇:按回车键将地址字符串拆分