DOM 事件机制

92 阅读1分钟

当我们给这三个div,都各自加上一个点击事件,

当我点击“哈哈”的时候,会是谁触发呢?big?middle还是small

答案是都触发

那会先执行big的点击事件还是middle还是small呢?

W3C的标准是:先从外向内执行,再从内向外执行

<div class="big">
	<div class="middle">
		<div class="small">
        	哈哈
		</div>
	</div>
</div>

从外向内找监听函数,叫事件捕获

从内向外找监听函数,叫事件冒泡

啊??那岂不是每个函数执行两次?

不是的,开发者可自己选择把fnYe放在捕获阶段还是冒泡阶段