侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130558 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

js中event的target和currentTarget的区别

2023-12-13 星期三 / 0 评论 / 0 点赞 / 15 阅读 / 1754 字

target:触发事件的元素。 currentTarget:事件绑定的元素。 两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: <ulid="ulT"><liclass

target:触发事件的元素。

currentTarget:事件绑定的元素。

两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:

<ul id="ulT">                <li class="item1">fsda</li>                <li class="item2">ewre</li>                <li class="item3">qewe</li>                <li class="item4">xvc</li>                <li class="item5">134</li>     </ul>  <script type="text/javascript">        document.getElementById("ulT").onclick = function  (event) {            console.log(event.target);            console.log(event.currentTarget);        }    </script>

如果点击li,console上的情况如下:

<li class="item5">------target

<ul id="ulT">---------currentTarget

广告 广告

评论区