事件流:
即页面获取事件的顺序,主要有冒泡流和捕获流。
当我们点击一个div触发事件时,不仅点击了这个div,还点击了包含它的父元素,它父元素的点击事件也会被触发,这就是冒泡流
<body>
<div onclick="show('四川省')" style="height:200px; background-color: #0000FF;">
四川
<div onclick="show('绵阳市')">
绵阳
<div onclick="show('梓潼县')">
梓潼
</div>
</div>
</div>
</body>
<script>
function show(where)
{
alert(where);
}
</script>
当我点击梓潼的时候,页面会依次弹出梓潼、绵阳、四川
而事件捕获流则相反,它是先执行父元素的方法,一层一层向内传递,最后执行子元素方法。
浏览器一般默认为冒泡流,可以通过设置事件监听绑定时间来完成捕获流
例如:div.addEventListener(‘事件onclick’,function(){函数},true)
这样就设置为了事件捕获