捕获阶段、目标阶段、冒泡阶段
[b]addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。[/b]
[b]eg1:[/b]
点击id2的div结果是: id2, id1
[b]eg2:[/b]
结果是: id2, id1
[b]eg3:[/b]
结果是:id1,id2
[b]eg4:[/b]
结果是:id1,id2
【转载地址】http://blog.csdn.net/jijun7885417/article/details/7870348
[b]addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。[/b]
<div id="id1" style=" background-color:blue;">
id1<br />
<div id="id2" style="background-color:green;">div2</div>
</div>
[b]eg1:[/b]
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
[b]eg2:[/b]
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
[b]eg3:[/b]
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
[b]eg4:[/b]
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