其他分享
首页 > 其他分享> > js阻止事件冒泡

js阻止事件冒泡

作者:互联网

原文链接:http://github.crmeb.net/u/defu
https://y0w.cn/1EQE

                       

比如上面这个页面,

分为三层:divOne是第外层,divTwo中间层,hr_three是最里层;

他们都有各自的click事件,最里层a标签还有href属性。

运行页面,点击“点击我”,会依次弹出:我是最里层---->我是中间层---->我是最外层

---->然后再链接到百度.

这就是事件冒泡,本来我只点击ID为hr_three的标签,但是确执行了三个alert操作。

事件冒泡过程(以标签ID表示):hr_three----> divTwo----> divOne 。从最里层冒泡到最外层。

如何来阻止?

1.event.stopPropagation();

标签:最里层,hr,标签,three,js,----,阻止,冒泡
来源: https://blog.csdn.net/qq_39221436/article/details/115549051