Event 的 target 和 currentTarget 的区别

原创

泰瑞__ 2022-03-29 15:54:56 ©著作权

文章标签 jquery event vue javascript 监听事件 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者泰瑞__的原创作品，请联系作者获取转载授权，否则将追究法律责任

比如说现在有 OutterBoxEl 和 InnerBoxEl

 OutterBoxEl.addChild(InnerBoxEl)

OutterBoxEl 监听鼠标点击事件那么当点击 InnerBoxEl 时，target 是 InnerBoxEl，currentTarget 是 OutterBoxEl 也就是说，currentTarget始终是监听事件者，而 target 是事件的真正发出者

上一篇：深入理解浏览器重绘(repaint)和重排(reflow)

下一篇：Web产品国际化经验总结

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Vue和React的区别

Vue 和 React 是当前最流行的前端框架之一，它们都具有独特的优势和不同的设计理念。在本文中，我们将比较 Vue 和 React 的一些关键方面，包括语法、组件化、状态管理、生态系统、性能和可测试性。语法Vue 和 React 的语法非常不同。Vue 使用模板语法，模板语法允许开发人员将 HTML 和 JavaScript 结合在一起，以创建可重用的组件。例如，下面是一个简单的 Vue

Vue 开发人员单元测试
【strlen】和【sizeof】的区别

先说结论：区别一：sizeof是用来求变量/类型在内存中所占的空间大小，关注的是空间，单位是字节。strlen求的是字符串长度，关注的是字符中有效的字符，单位是有效字符的个数。区别二：sizeof是操作符，只有在运算对象为类型的时候，才必须带圆括号，其他时候，圆括号可有可无。如sizeof（int）时，必须带括号，sizeof ‘a' 时，括号可有可无。strlen是库函数。是函数，使用时后面的圆

字符串有效字符操作符
nvm和npm的区别

nvm 和 npm 是 Node.js 生态系统中两个不同的工具，它们有着各自的功能和用途。NVM (Node Version Manager)用途：NVM 主要用于管理多个活动的 Node.js 版本。它允许开发者在同一台机器上安装和切换不同版本的 Node.js 环境。功能：安装多个互相独立的 Node.js 版本。切换当前使用的 Node.js 版本。卸载不再需要的 Node.js 版本。

不同版本依赖关系 NPM
Event 的 target 和 currentTarget 的区别

比如说现在有 OutterBoxEl 和 InnerBoxEl OutterBoxEl.addChild(InnerBoxEl) OutterBoxEl 监听鼠标点击事件那么当点击 InnerBoxEl 时

Event
[vue] event.currentTarget和 event.target的区别

event.currentTarget返回的是，绑定事件的元素。event.target返回的是，触发事件的元素。

javascript 前端开发语言绑定事件
target和currentTarget的区别

target和currentTarget的区别开始学习Flex，会在别人的代码中经常看到target和currentTarget这两个属性，一般是event.target、event.currentTarget，那他们两个有什么区别呢？简单说，target是事件的调用对象(event dispatcher)，currentTarget是事件的处理对象(event processor

flex
前端|event.target与event.currentTarget的区别

欢迎点击「算法与编程之美」↑关注我们！本文首发于："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言event.target事件和event.curre...

a标签点击事件编程之美
JS中 target和currentTarget的区别

target：触发事件的元bai素。currentTarget：事件绑定的元素。两者在没有冒泡bai的情况下，是一样的值，du但在用了事件委托的情况下，就不一样了；currentTarget始终是监听事件者，而target是事件的真正发出者。...

JS教程网页开发
FLEX:target和currentTarget属性的区别

所有Event对象都有target和currentTarget属性，target属性可引用事件分派对象，currentTarget属性可引用正在被检测事件监听器的当前节点。也就是说target当前你点击组件,currentTarget表示你注册了监听器的组件. 在事件将在控件链中向上冒泡，在此过程中target始终不变，currentTarget在每个向上移动的过程中及时改变。例如...

Flex Adobe XML click事件 xml
target，currentTarget和this三者的区别

target在事件流的目标阶段；currentTarget在事件

事件流函数调用
事件对象的target和currentTarget属性区别

本帖最后由 qiuheyou 于 2009-5-6 13:12 编辑 var aaa:Sprite=new Sprite()var bbb:TextField=new TextField()bbb.text="qiuheyou"aaa.addChild(bbb)addChild(aaa)aaa.addEventListener(MouseEvent.CLICK,ccc)function ccc(e...

qt
vue事件中传入$event，使用event.target和event.currentTarget有什么区别？

比如说事件冒泡，事件是绑定在父元素上，点击子元素也可以触发父元素上的事件，e.target是触发的元素，是子元素，e.currentTarge是父元素：只有被点击的那个目标元素的event.target才会等于event.currentTarget。event.target指向引起触发事件的元素，而event.currentTarget则是事件绑定的元素，只有被点击的那个目标元素的event.ta

html javascript css 事件绑定绑定事件
微信小程序中target和currentTarget的区别

微信小程序中target和currentTarget的区别

微信小程序小程序事件源点击事件其他
js event 的target 和currentTarget

target 点击的实际tag currentTarget 绑定事件的target

JS 绑定事件 #include
Flex的 Event中属性currentTarget与target的区别

Flex的 Event中属性currentTarget与target的区别1、区别（1）currentTarget是事件的处理对象（event processor）（2）target是事件的调用对象（event ...

xml 初始化点击事件值对象重置
小程序开发 event对象中 target和currentTarget 属性的区别。

首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 p包含在div内在outer上点击时，target跟currentTarget是一样的，都是div，而在inner上点击时，e.target是p、e.currentTarget是

绑定事件 xml
target与currentTarget的区别？

比如说现在有A和B，A.addChild(B)A监听鼠标点击事件那么当点击B时，target是B，currentTarget是A也就是说，currentTarget始终是监听事件者，而target是事件的真正发出者

监听事件点击事件学习
currentTarget 与 Target 的区别

在一般情况下，target与currentTarget指向的是同一个对象。一般情况是指我们只对某一个独立的mc添加侦听器。如下：var mc:Sprite=new Sprite();addChild(mc);mc.x=300,mc.y=300;mc.graphics.beginFill(0×000000);mc.graphics.drawRoundRect(0,0,50,50,10,10);mc.name=”圆角矩形mc”;mc.addEventListener(MouseEvent.CLICK,clickF);function clickF(e) {trace(“target:”+

圆角矩形其他
event.currentTarget与event.target的差别介绍

event.currentTarget与event.target的差别想大家在使用的时候不是非常在意。本文以測试代码来解说它门之间的不同。即，event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。翻译的不专业，好拗口啊，还是直接上測试代码吧：

jquery javascript
Flex的 Event中属性currentTarget与target的差别

Flex的 Event中属性currentTarget与target的差别 1、差别（1）currentTarget是事件的处理对象（event processor）（2）target是事件的调用对象（event dispatcher） 2、实例说明（1）设计源代码 <?xml version

xml 初始化点击事件值对象重置
xrdp架构演进路线：从单体到模块化设计

引言：远程桌面协议(RDP)的开源实现挑战你是否曾在Linux服务器上架设远程桌面时遭遇兼容性难题？是否为多用户并发连接的性能瓶颈而困扰？xrdp作为开源RDP服务器的领军项目，历经十余年演进，通过模块化架构重构成功解决了这些痛点。本文将系统剖析xrdp从0.5.x版本的单体设计到当前版本的微内核架构转型历程，揭示其如何通过分层解耦实现Windows远程桌面协议的完整兼容，同时保持跨平台灵活性与

模块化服务器缓存
Spring Bean 生命周期详解：初始化与销毁方式对比与实践

各种方式的优缺点，展示了完整的执行顺序，并给出了实际开发中的典型应用场景。建

spring python java 初始化 System
mcuxpresso ide 支持S32K

　本文主要介绍如何使用Keil4开发ARM9（S3C2440）裸机程序。说明：　　　　一、平台：　　　　　　操作系统：Windows XP系统　　　　　 KEIL版本：4.73 开发板：ARM9（S3C2440）

初始化加载仿真器
LVGL的LV_MEM_SIZE怎么设置成1M

lvm（Logical Volume Manager）逻辑卷管理，是Linux环境下对磁盘分区进行管理的一种机制。基本概念：1、物理卷-----PV（Physical Volume）物理卷在逻辑卷管理中处于最底层，它可以是实际物理硬盘上的分区，也可以是整个物理硬盘。2、卷组--------VG（Volumne Group）卷组建立在物理卷之上，一个卷组中至少要包括一个物理卷，在卷组

逻辑卷路径名日志文件
java里增强for循环的原理分析

Java增强for循环（for-each）是Java5引入的语法糖，用于简化数组和集合的遍历。对于集合，编译器会转换为Iterator实现；对于数组，则转为普通for循环。其优点是代码简洁，但存在限制：不能修改集合结构、无法获取下标、无法直接修改数组元素。该循环仅适用于实现了Iterable接口的集合类，而数组虽支持但实现机制不同。集合框架中所有Collection子类都通过继承Iterable接口获得迭代能力。

#java #开发语言数组 System 编译器

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯