js如何阻止事件冒泡

2024-10-17 23:04:26

1、我们先在一个div里,放置一个按钮。

js如何阻止事件冒泡

3、接着为父层div也添加一个事件,事件同样是在控制台输出信息。

js如何阻止事件冒泡

5、点击后,在控制台里看到二个事件的字符串都输出来了,表明点击按钮时,事件冒泡到div里了,触发了div的点击事件。

js如何阻止事件冒泡

7、这样我们这里点击按钮后,就不会触发div的事件了,就是说事件没有冒泡到div层了。

js如何阻止事件冒泡
猜你喜欢