form中只有一个input刷新页面问题

Posted 小小李的新征程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form中只有一个input刷新页面问题相关的知识,希望对你有一定的参考价值。

方法1:

在文本域元素中加入onkeydown或者onkeypress事件,判断若用户点击了回车就阻止默认行为

<body>
     <form>
           <input  type="text"  onkeypress="if(event.keyCode==13 || event.which==13){return false;}" />
     </form>
</body>

 

方法2:

在form中再加入一个隐藏的文本域

<input type="text" name="test" style="display:none"/>

 

以上是关于form中只有一个input刷新页面问题的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

前端jQuery中input绑定回车事件不生效,直接刷新页面的问题

遇到的一个Form表单自动提交问题解决办法

2020-07-05 elementui系列:input回车事件,阻止原生刷新页面事件,slot