e.target和e.currentTarget区别

qq_36934775

于 2020-11-03 17:07:54 发布

阅读量313

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_36934775/article/details/109473532

29 篇文章

订阅专栏

本文介绍了如何在React项目中使用target和currentTarget属性来精确地控制DOM元素的点击事件。通过两个实例，展示了如何针对特定类名的元素触发或阻止事件，为开发者提供了实用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

结论：

target: 触发事件的对象，谁触发谁命中。

currentTarget: 绑定事件的对象，恒等于this，等于addEventListener前面的元素

1.在react的项目中，若是判断点击的div的类型是xx，
方法一：

$('body').click(function(e){
  console.log(e.target,e.target.className="xx")
})

方法二、

document.addEventListener('click',function(e){
  console.log(e.target.className=='xx')
})

2.若是判断点击的div执行每个操作，但不包括某个类名xx下所有的元素。

$('body').click(function(e){
   if($(e.target).parents('.xx').length){
     return;
   }
   //执行点击事件
})