target、this、currentTarget的區(qū)別

先上結(jié)論

  • currentTarget , 事件對象e.currentTarget恒等于 this
  • target , 事件對象 e.target是冒泡的起點 , 捕獲的終點

代碼驗證


    <div id="one">
        <div id="three"></div>
    </div>

    <script>
        window.onload = function() {
            var one = document.getElementById('one');
            var three = document.getElementById('three');

            one.addEventListener('click', function(e) {
                console.log('target : ' + e.target.getAttribute('id'));
                console.log('currentTarget: ' + e.currentTarget.getAttribute('id'));
            }, false)   // 可以調(diào)試設(shè)置成 true
        }
    </script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容