今天使用光年模板+vue开发时发现input在form中回车会自动提交表单 搜索得到解决方法如下 1.input中加 ``` onkeydown='if(event.keyCode==13) return false;' ``` 2.js加入代码 ``` //禁用Enter键表单自动提交 document.onkeydown = function (event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code == 13) { tag = target.tagName; if (tag == "TEXTAREA") { return true; } else { return false; } } } else { target = event.target; //针对遵循w3c标准的浏览器,如Firefox code = event.keyCode; if (code == 13) { tag = target.tagName; if (tag == "INPUT") { return false; } else { return true; } } } }; ``` Loading... 今天使用光年模板+vue开发时发现input在form中回车会自动提交表单 搜索得到解决方法如下 1.input中加 ``` onkeydown='if(event.keyCode==13) return false;' ``` 2.js加入代码 ``` //禁用Enter键表单自动提交 document.onkeydown = function (event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code == 13) { tag = target.tagName; if (tag == "TEXTAREA") { return true; } else { return false; } } } else { target = event.target; //针对遵循w3c标准的浏览器,如Firefox code = event.keyCode; if (code == 13) { tag = target.tagName; if (tag == "INPUT") { return false; } else { return true; } } } }; ``` Last modification:June 28, 2022 © Allow specification reprint Like 如果觉得我的文章对你有用,请随意赞赏