此时有这么一个需求点击内层外层的div使该div的背景色变黄,点击外层的div或屏幕的其他地方使内层外层div的背景色恢复红色,实现代码如下:
当只给内层外层div绑定事件的时候可以使背景色变黄,然后加上点击外层div的事件使内层外层div背景色恢复为红色
此时我们可以看到,无论怎么点击内层外层的div背景色嘟不会变黄了,这是因为事件冒泡的话即使你只点击内层外层div,外层的click事件也会被触发而他的事件逻辑是将内层外层div的背景色变红,這样一来当点击内层外层div时,背景色变黄然后迅速又变红我们看不到这个过程,只看到它一直是红的所以要实现这个需求,就必须阻止事件的冒泡