JS事件覆盖问题和触发问题

时间:2023-03-09 21:20:25
JS事件覆盖问题和触发问题

昨天遇到一个面试题,主要就是事件覆盖问题和触发问题

(不是打广告,无视文本内容)

JS事件覆盖问题和触发问题

总之这样的话,会输出三次“做自己的网站”。

为什么不是两次,而是输出三次呢?

1.首先onclick=function...是DOM0级事件处理程序,而addEventListener是DOM2级事件处理程序,这两种属于不同类,不会相互覆盖。

2.此外事件监听的第三个参数是设置事件处理程序的调用阶段,true是捕获阶段,false是冒泡阶段,默认为false。如果处在不同阶段的话就不会相互覆盖。

综上两点,所以会输出三次。