form元素是前端开发人员高频使用的元素之一,经常用于客户端中提交表单。开发中不难发现,当form元素只含有一个input元素或者textarea元素的时候,在输入框被激活的同时按下回车键,当前网页会被强制刷新。造成此现象的原因是当form元素只包含一个input时按回车会默认提交表单,因此刷新。
解决方案有如下:
方案一》
在form元素内部添加一个input元素:
<input type='text' style='display:none'/>
方案二》
将form元素去掉,为提交按钮直接绑定submit事件
方案三》
为input元素添加onkeydown事件,判断按下回车时屏蔽提交
onkeydown="if(event.keyCode==13){return false;}"
方案四》
直接在form元素上添加如下代码,阻止form元素的默认提交事件
<form onsubmit="return false;"></form>