使用事件对象的 stopPropagation() 方法,可以停止事件的传播 .. (#index.html)
在这个为 ul 元素添加的事件监听器调用的函数里面,添加一个 event.stopPropagation();
保存 … 回到浏览器 …
点击 Lost 这个图像 … 你会发现,控制台上只会显示 点击了 UL .. 因为现在事件是从外向内传播的 … 我们在为 ul 元素上添加的事件监听器的函数里,使用了事件的 stopPropagation() … 所以,事件在这里就会停止传播了 …
这样也就不会再触发 img 元素的点击事件了 …
防止默认
事件除了会传播,还有一些默认的行为,比如,点击一个链接的时候,浏览器会按照链接的地址,打开对应的页面 … 我们可以使用事件对象的 preventDefault() 方法,来去掉事件的这些默认的行为 …