on事件和addEventListener事件区别?事件捕获和冒泡?

on事件

js可以对一些页面的事件设定定触发值。例如常用的点击onclick,鼠标移动onmouseover或者移动端屏幕点击ontouchover,等。
但是对同一个元素绑定相同的事件,只会执行最后一个,因为会覆盖。

Click me

上面只会打印出message2

但是对于addeventListener来讲,能可以多次绑定事件。


上面的代码会打印出message1,message2

事件捕获和事件冒泡

冒泡
捕获

上面点击parent1的时候,会输出child1,parent1
点击下面的parent2的时候,会输出parent2,child2。
第三个参数为true表示事件捕获,不写或者写上false的时候表示事件冒泡。

你可能感兴趣的:(on事件和addEventListener事件区别?事件捕获和冒泡?)