input输入框按回车键后自动刷新页面

最近遇到了一个问题很有意思就想记录下来，就是input输入框在输入完之后按下回车会刷新当前页面。产生这种问题的原因是当form表单只有一个输入框时，按下回车会去提交表单（触发submit事件），按照这个思路可以有下面几种解决办法

1. 在表单内在加一个看不见的input

<input style="display:none;" />

2. 阻止form表单的提交行为

<form onsubmit="return false">
        <input type="text">
</form>

3. 禁用该输入框的回车事件

<form>
        <input type="text"  onkeydown="return keydown(event)">
</form>

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