target、this、currentTarget的区别

先上结论

• 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)   // 可以调试设置成 true
        }
    </script>