事件冒泡和事件捕获以及事件委托

事件冒泡

事件冒泡触发顺序：
div->body->html->document

<div id="box">
	<div id="box1"></div>
</div>

function thisName(e){
console.log(this.id)
}
document.getElementById("box").addEventListener("click",thisName,false );
document.getElementById("box1").addEventListener("click",thisName,false );

事件捕获

事件捕获触发顺序：
document->html->body->div

<div id="box">
	<div id="box1"></div>
</div>

function thisName(e){
console.log(this.id)
}
document.getElementById("box").addEventListener("click",thisName,true);
document.getElementById("box1").addEventListener("click",thisName,true);

事件委托