alert("Clicked");
然而，target元素却等于按钮元素，以为它是click事件真正的目标。

document.body.onclick = function (event) {
 

以上例子检测了currentTarget和target与this的值。
            bread;
btn.onclick = function (event) {
 

当单击这个例子中的按钮时，this和currentTarget都等于document.body，因为事件处理程序是注册到这个元素的。
    };

复制代码 代码示例:

在javascript中，尤其是在事件处理程序内部，对象this始终等于currentTarget的值，而target则只包含事件的实际目标。
            break;
    alert(this === document.body); //ture

var btn = document.getElementById("myBtn");

复制代码 代码示例:

例子：
var handler = function (event) {
        switch (event.type) {

例子：
            break;
        case "mouseout":
由于click事件的目标是按钮，一次这桑格值是相等的。如果事件处理程序存在于按钮的父节点中，那么这些值是不相同的。

例如：
btn.onmouseover = handler;
    alert(event.target === document.getElementById("myBtn")); //ture

复制代码 代码示例:

var btn = document.getElementById("myBtn");