关于 form 表单回车自动刷新

现象：

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

原因：

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

解决：

1. 禁用 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. 隐藏输入框

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

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

本文转载自：https://www.cnblogs.com/ljwsyt/p/11211826.html