button 回车键提交时 浏览器兼容问题

流年轻描淡写的伤 2017-09-12 04:57:40
ie8下<button onclick="alert(222)"></button>默认enter回车键,会执行onclick方法
chrome以及ie8以上浏览器都不会执行,
查阅相关文档,说明是button如果不写type,默认则为type="submit",所以会默认提交,但同样也会说,submit是提交的form表单数据,那么问题来了
1.我在ie8下给button套写了一个form,form里面除了button以外没有其他元素,在浏览器下,enter键并不会执行onclick方法,不知道为什么
2.如果我给button显式的加上type="submit"属性,套不套form表单,在chrome,ie8以上浏览器也不执行onclick方法,是为什么?

望各位大牛不吝赐教解惑,谢谢啦~
...全文
199 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2017-09-12
  • 打赏
  • 举报
回复
只要焦点处于form里面的表单元素上(如<input type="text" />)按回车键就会提交表单,这与提交按钮没有关系。 只有焦点处于button上按回车键才会触发click事件

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧