js中addEventListener中第3个参数 _JavaScript

js中addEventListener中第3个参数 .
捕获阶段、目标阶段、冒泡阶段
addEventListener中的第三个参数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外)，true为capture方式(由外向里)。

<div id="id1" style=" background-color:blue;">
   id1<br />
   <div id="id2" style="background-color:green;">div2</div>
</div>

eg1:

01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, false);  
02.  
03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, false);

点击id2的div结果是: id2， id1

eg2:

01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, false);  
02.  
03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, true);

结果是: id2, id1

eg3:

01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, true);  
02.  
03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, false);

结果是：id1，id2

eg4:

01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, true);  
02.  
03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, true);

结果是：id1，id2

【转载地址】http://blog.csdn.net/jijun7885417/article/details/7870348