停止传播事件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

使用事件对象的 stopPropagation() 方法,可以停止事件的传播 .. (#index.html)

在这个为 ul 元素添加的事件监听器调用的函数里面,添加一个 event.stopPropagation();

保存 … 回到浏览器 …

点击 Lost 这个图像 … 你会发现,控制台上只会显示 点击了 UL .. 因为现在事件是从外向内传播的 … 我们在为 ul 元素上添加的事件监听器的函数里,使用了事件的 stopPropagation() … 所以,事件在这里就会停止传播了 …

这样也就不会再触发 img 元素的点击事件了 …

防止默认

事件除了会传播,还有一些默认的行为,比如,点击一个链接的时候,浏览器会按照链接的地址,打开对应的页面 … 我们可以使用事件对象的 preventDefault() 方法,来去掉事件的这些默认的行为 …

停止传播事件《 JavaScript 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点