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>
form元素是前端开发人员高频使用的元素之一，经常用于客户端中提交表单。开发中不难发现，当form元素只含有一个i...
今天发现输入框输入内容后回车就会刷新页面 当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表...
原因 在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车...
问题：做项目时，偶遇表单中的input输入框回车操作后整个页面刷新问题？原因： 1.默认情况下，单个输入框，无论...
当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签...
当一个 form 元素中只有一个输入框时，每次鼠标点击输入框后，不管是否输入数据，按下回车键后都跳转到首页。原因是...
当表单内只有一个input输入框时，即使表单没有submit按钮，在输入框内回车就会触发表单的提交事件。 会触发s...
按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行j...
在做项目的时候会遇到 el-form表单中只有一个input输入框的时候，输入完成之后习惯性的按了一下回车，导致...
当form表单中只有一个input时，按回车键表单会当成提交页面，禁止提交的方法： 1.在form表单中添加一个隐...
本文标题：当表单中只有一个输入框，按下回车后当前网页会被强制刷新，原因及解
本文链接：https://www.haomeiwen.com/subject/xxnqzftx.html
网友评论