onclick事件重复执行(一次点击执行了两次)

onclick事件重复执行(一次点击执行了两次),第1张

button点击后事件提交了两次,测试发现在电脑浏览器不会重复提交,但是在手机浏览器会重复提交

button标签少添加属性type="button"。

在没有添加type属性时候,Internet Explorer 的默认类型是"button",而其他浏览器中(包括W3C 规范)的默认值是"submit"。 所以请始终为按钮规定 type 属性。

这也就是在不同浏览器表现不同的原因

为button标签添加了属性type="button"

1.onclick事件在同一时间只能指向唯一对象

2.addEventListener对任何DOM都是有效的,而onclick仅限于HTML

3.addEventListener可以控制listener的触发阶段,(捕获/冒泡)。对于多个相同的事件处理器,不会重复触发,不需要手动使用removeEventListener清除

4.onclick添加多次以后,后边的会覆盖前边的,addEventListener则可以给多个事件添加listener


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11388851.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存