事件冒泡和捕获

by noahua

HTML

<div id="out">
    <button id="in"></button>
</div>

JavaScript

var $in = document.getElementById('in');
var $out = document.getElementById('out');

$in.addEventListener('click',function(e){
    console.log(this.id  + e.target)
    console.log(this.id  + e.currentTarget)
},false)


$out.addEventListener('click',function(e){
    console.log(this.id  +e.target)
    console.log(this.id  +e.currentTarget)
},false)