事件冒泡
事件冒泡触发顺序:
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);