今天使用光年模板+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
如果觉得我的文章对你有用,请随意赞赏