javascript currentTarget与target的区别

javascript Event对象的currentTarget与target区别

currentTarget是指当前事件流经过的对象。

target是指事件作用的最终目标。

如果时间作用的目标和事件流过的是同一个对象，则currentTarget == target。

<div id='mydiv'>mydiv</div>

当点击上面的div时。

var mydiv = document.getElementById('mydiv');

mydiv.onclick = function(event) {

    alert("div click");

   alert (event.currentTarget == this);  //true

    alert (event.currentTarget == event.target);  //true

}

document.body.onclick = function (event) {

   alert("body click");

   alert (event.currentTarget == this);  //true

   alert (this == document.body);  //true

   alert (event.currentTarget == event.target);  //false

   alert (event.target == mydiv); //true

};

//以上代码可能在IE的早期版本无法正确执行