关于form表单回车自动刷新

现象：

　　form表单，输入框聚焦后，回车，页面刷新跳转。

原因：

　　form表单，在只有一个输入框的时候，在点击回车时，就会触发表单的提交，而form若没有url，则提交后就会刷新页面，导致跳转。

解决：

　　1.禁用document的回车事件

在不知道原因的情况下，可以直接禁用document的回车事件。

function document.onkeydown() {
        var e = event.srcElement;
        if (event.keyCode == 13) {
            return false;
        }
}

　　2.禁用该输入框的回车事件

禁用该输入框的回车事件。

<input type="text"  οnkeydοwn="return ClearSubmit(event)" />
function ClearSubmit(e) {
    if (e.keyCode == 13) {
        return false;
    }
}

　　3.隐藏输入框

知道原因后，可以采用增加一个隐藏输入框的方法，避免回车提交。

1 <input id="hiddenText" type="text" style="display:none" />

 

转载于:https://www.cnblogs.com/ljwsyt/p/11211826.html