在委托机制中,this指向的是谁

来源:5-2 on()的高级用法

布兰先生

2018-06-20 12:08

老师的这个例子中this指向的是谁?

写回答 关注

4回答

  • 好吃的蛋包饭
    2018-08-05 17:36:26
    已采纳

    在事件处理程序内部,this始终等于event.currentTarget,而event.target只包含事件的实际目标。

    1. 如果直接将事件处理程序制定给了目标元素,那么this、currentTarget、target指向是相同的。如鼠标单击事件,$(#btn).click(function(){…………})由于click事件的目标是按钮,事件处理程序也制定给了按钮,所以三个值相同。

    2. 如果事件处理程序存在于按钮的父节点中,那么值是不同的。例如:

      $(body).click(function() {………………})那么此时点击按钮元素,this和event.currentTarget都指向document.body,event.target指向按钮元素。


  • 主宰灵魂
    2018-06-20 21:14:00

    谁绑定的事件就指向的谁

  • qq_轻斟浅醉_1
    2018-06-20 20:28:18

    指向触发事件的dom元素

    Silent... 回复好吃的蛋包饭

    是触发事件的dom元素

    2019-03-24 16:52:25

    共 2 条回复 >

  • qq_轻斟浅醉_1
    2018-06-20 20:27:43

    <!DOCTYPE html>

    <html>

    <head>

    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">

    </script>

    <script>

    $(document).ready(function(){

      $("body").on("click", ".test",function(){

        alert(JSON.stringify($(this)));

      this.a = 'aaa'

      $('test')

      alert(JSON.stringify($('.test')[0].a)); /// aaa

      });

    });

    </script>

    </head>

    <body>


    <p class="test">点击这个段落。</p>


    </body>

    </html>


jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题