解决HTML表单中Enter键意外触发按钮点击事件的方法是为非提交功能的按钮显式设置type=#34button#34属性，阻止其被识别为默认提交按钮原因分析默认行为机制HTML标准规定 ，当ltform包含文本输入框如ltinput type=#34text#34和提交按钮时 ，按下Enter键会模拟点击表单的第一个提交按钮。
因为button标签按钮会提交表单解决方法如下1将ltbuttonltbutton改为ltinput type=quotbuttonquot 或者直接在ltbutton中添加属性 type=quotbuttonquot2在button的点击事件中加入“epreventDefult ”#39btn#39clickfunctione epreventDefult 。
button点击后事件提交了两次，测试发现在电脑浏览器不会重复提交 ，但是在手机浏览器会重复提交 button标签少添加了属性type=quotbuttonquot在没有添加type属性时候 ，Internet Explorer#160的默认类型是quotbuttonquot，而其他浏览器中包括W3C#160规范的默认值是quotsubmitquot#160所以请始终为按钮规定#160 。
今天处理一个点击事件时，遇到了需要禁止点击的问题通常 ，处理点击事件使用标签或按钮标签但很多人忽略的一点是 ，标签其实没有disabled属性对于标签的点击事件禁止，实现较为直接 ，效果如图所示而对按钮标签进行点击事件的禁止则较为复杂 ，需要使用CSS进行样式修改，效果如图这样一来 ，按钮被禁止点击。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/13467.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《button点击事件(button链接其他页面)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：解决HTML表单中Enter键意外触发按钮点击事件的方法是为非提交功能的按钮显式设置type=#34button#34属性，阻...