JS冒泡事件与事件捕获实例详解

前端之家收集整理的这篇文章主要介绍了JS冒泡事件与事件捕获实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例分析了JS冒泡事件与事件捕获。分享给大家供大家参考,具体如下:

案例

冒泡事件

小结

1.点击的执行结果是

Window - true

Document - true

Html - true

Body - true

Div - true

Div - false

Div - click

Body - false

Body - click

Html - false

Html - click

Document - false

Document - click

Window - false

Window - click

2.顺序与js代码顺序无关

3.就算没有定义点击事件,一样可以捕获点击事件,只要点击到,就能捕获到

再次改造,阻止冒泡

<Meta charset="utf-8"> 事件捕捉

猜你在找的JavaScript相关文章