浅析前端事件流

IE的事件流叫做事件冒泡,即事件开始时有具体的元素接收,然后逐级向上传播。

我们通过一个案例来理解下事件冒泡

浅析前端事件流_第1张图片

我们如果给div添加一个点击事件,并且点击了这个div的话,那么这个点击事件会按照以下顺序触发。

→→→document

点击事件首先在div触发,然后事件沿着DOM树向上传播,在每个节点都会发生,直到document停止。

浅析前端事件流_第2张图片

虽然现代浏览器都支持事件冒泡,但在具体实现冒泡的过程中,还是有些差异,如IE5.5会直接从body跳到document,IE9,Chrome,firefox,Safari则会冒泡到window对象。

更多前端内容请 点击关注

32/10/2/45/15/42

你可能感兴趣的:(浅析前端事件流)