JavaScript中事件对象的currentTarget，this和target属性

在事件处理程序内部，对象this始终等于currentTarget的值，而target则只包含事件的实际目标。如果直接将事件处理程序指定给了目标元素，则this，currentTarget和target包含相同的值。

var btn = document.getElementById("myBtn");
btn.onclick = function(event){

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

这个例子检测了currentTarget和target与this的值。由于click事件的目标是按钮，因此三个值是相等的。如果事件处理程序存在于按钮的父节点中，那么这些值是不相同的。

document.body.onclick = function(event){

    alert(event.currentTarget === document.body); //true
    alert(this === document.body); //true
    alert(event.target === document.getElementById("myBtn"); //true
}

当单击这个例子中的按钮时，this和currentTarget都等于document.body，因为事件处理程序是注册到这个元素上的。然而，target元素却等于按钮元素，因为它是click事件真正的目标。