最近遇到了一个问题很有意思就想记录下来,就是input输入框在输入完之后按下回车会刷新当前页面。产生这种问题的原因是当form表单只有一个输入框时,按下回车会去提交表单(触发submit事件),按照这个思路可以有下面几种解决办法
- 在表单内在加一个看不见的input
<input style="display:none;" />
- 阻止form表单的提交行为
<form onsubmit="return false">
<input type="text">
</form>
- 禁用该输入框的回车事件
<form>
<input type="text" onkeydown="return keydown(event)">
</form>
function keydown(e) {
if(e.keyCode===13){
return false
}
}