简述 DOM 事件模型或 DOM 事件机制

110 阅读1分钟

分析需要用到的代码如下:

<div class='a'>
    <div class='b'> 
        <div class='c'></div> 
    </div> 
</div>
  1. 捕获 从a->b->c,依次触发监听函数
  2. 冒泡
    从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//程序员监听的元素