jsにおけるtargetとcurrentTargetの違い

4364 ワード

jsにおけるtargetとcurrentTargetの違いの鍵は、イベントフローのフェーズが異なり、targetがイベントフローのターゲットフェーズにあり、currentTargetがイベントフローのキャプチャ、ターゲットフェーズ、バブルフェーズを処理することにある.同僚がターゲットフェーズにある場合にのみ、彼らの指向は同じです.次のコードを参照してください.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>js    </title>
</head>
<body> 
    <div id="outer">
        outer
        <p>
            inner
        </p>
    </div>
</body>
<script type="text/javascript">
(function(){
    var a=document.getElementById('outer');
        a.addEventListener('click',function(e){
        alert(e.target.innerHTML);
        alert(e.currentTarget.innerHTML);
        alert(e.currentTarget === e.target);
    },false);
})();
</script>
</html>