jq on()方法实现事件委托的时候,this指的是?

Question

    <div class="div1">

        div1

        <p class="p1">p1</p>

        <div class="div3">div3</div>

    </div>

$(".div1").on('click', function(event) {

    console.log(event.target.tagName+" : "+$(event.target).attr('class')+" "+$(this).attr('class'));

});

这里的$(this).attr('class')为什么都指的是div1?而不是点击哪里就是指哪里吗?求解答谢谢!

Answer 1

添加的事件处理程序在其依附的元素的作用域中运行，所以说&nbsp;this&nbsp;指向的就是&nbsp;div1。另外，event.target&nbsp;指向的是事件的目标，也就是你这里的点哪个指向的就是哪个还有一个属性是&nbsp;event.currentTarget&nbsp;始终指向&nbsp;this&nbsp;，也就是你这里的&nbsp;div1