解决input输入框按下回车键刷新页面

Posted 你丫才美工

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决input输入框按下回车键刷新页面相关的知识,希望对你有一定的参考价值。

input输入框键盘事件按下回车键的时候,竟然刷新了整个页面,用户体验相当不好,原来是form表单提交的时候会刷新页面解决方法如下:

方法一: 

<form onsubmit="return false;">....</from>

方法二:全局控制键盘按下事件,当键码值为13直接return false

document.onkeyup=function(e){
        var e = e || event;
        var currKey = e.keyCode || e.which || e.charCode;
        if (currKey == 13) {
            return false;
        }
    }

方法三 

<input type="text"  onkeyup="return ClearSubmit(event)" />

 

 function ClearSubmit(e) {
            if (e.keyCode == 13) {
                return false;
            }
   }

 

以上是关于解决input输入框按下回车键刷新页面的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0 element-ui中input的@keyup.native.enter='onQuery'回车查询刷新整个表单的解决办法

Element UI 中el-input 框回车触发页面刷新问题及解决方案

Element UI 中el-input 框回车触发页面刷新问题及解决方案

Element UI 中el-input 框回车触发页面刷新问题及解决方案

element-ui el-input回车页面刷新

vue + element ui 阻止表单输入框回车刷新页面