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

时间:2022-03-11 00:18:03

有些时候我们在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>  去掉输入框的回车事件的方法 onkeydown="return ClearSubmit(event)" <input type="text"  onkeydown="return ClearSubmit(event)" />  function ClearSubmit(e) {            if (e.keyCode == 13) {                return false;            }   }