input得到焦点时，点击回车刷新页面的解决方法

有些时候我们在form表单的中，鼠标放在input框的时候，点击回车键会出现刷新页面的情况，原因：当我们点击回车的时候自动提交数据，并刷新页面。

解决的方法：

1、处理form (取消默认提交)

 

在form中添加事件 <form  onsubmit = " return false;">.......</form>

 

 

2、增加一个隐藏的输入框,改变单个输入框(变成多个input框，让系统认为多个输入框)

 

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

 

 

3、屏蔽回车键

 

1>  全局去掉回车事件的方法

function document.onkeydown() {

        var e = event.srcElement;

        if (event.keyCode == 13) {

            return false;

        }

    }

 

2>  去掉输入框的回车事件的方法

οnkeydοwn="return ClearSubmit(event)"

 

<input type="text"  οnkeydοwn="return ClearSubmit(event)" />

 

 function ClearSubmit(e) {

            if (e.keyCode == 13) {

                return false;

            }

   }

转载于:https://www.cnblogs.com/wenxinsj/p/7453170.html