分析需要用到的代码如下:
<div class='a'>
<div class='b'>
<div class='c'></div>
</div>
</div>
- 捕获
从a->b->c,依次触发监听函数
- 冒泡
从c->b->a,依次触发监听函数
W3C关于捕获喝冒泡的标准,先捕获阶段,再冒泡阶段
捕获不能被阻止,但是冒泡可以用.stopPropagation()阻止//存在部分事件不支持该PAI
浏览器提供的DOM中的事件绑定API:addEventListener
baba.addEventListener('click',fn,bool)
//如果不传bool值,默认为false,冒泡
//如果bool值为true,捕获
e.target与e.currentTarget的区别
e.target//用户操作的元素
e.currentTarget//程序员监听的元素