`
琛哥哥
  • 浏览: 32316 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

target,currentTarget给自己记一下

    博客分类:
  • FLEX
 
阅读更多
target,currentTarget这两个概念,虽然我用了flex很长时间,但是还是一直弄混,每次搞不定,直接debug看对象就知道。
记录下自己的一个简单的理解:
currenttarget,谁加的事件,currentTarget就是谁。
target,鼠标点击时的最小单元的组件是谁,target就是谁。
如:给TabNavigator加个点击事件,如果点击tab的标签,currentTarget就是TabNavigator,target则是tabNav的子组件(具体记不清楚名称了),如果点击tab的空白页面,则currenttarget还是TabNavigator,target则应该是TabNavigator的selectedChild(这个没有试,猜的)
分享到:
评论

相关推荐

    Javascript中, event 的 target 与 currentTarget 的区别

    当我们谈论`event`对象时,`target`和`currentTarget`是两个非常关键的属性,它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且准确的事件处理程序至关重要。 `event.target`指的是触发事件的...

    JS target与currentTarget区别说明

    在JavaScript中,处理事件时,`target` 和 `currentTarget` 是两个非常重要的属性,它们在事件流的不同阶段有着不同的作用。理解这两个属性的区别对于编写高效且精确的事件处理程序至关重要。 首先,让我们来深入...

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

    在小程序中,e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时 currentTarget和target都是组件的一些属性值集合,由“data-属性名”定义的一些属性值 currentTarget:事件触发的当前事件(当前事件,...

    event.currentTarget与event.target的区别介绍

    event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which...

    简单了解微信小程序 e.target与e.currentTarget的不同

    微信小程序是腾讯公司推出的一款无需下载安装即可使用的应用,它实现了应用“触手可及”的概念,用户扫一扫或搜一下即可打开应用。同时,微信小程序也具备了微信特有的通信能力,可以实现消息的推送。微信小程序的...

    微信小程序事件对象中e.target和e.currentTarget的区别详解

    事件对象中的target属性和currentTarget属性是开发者经常需要区分的两个概念,它们在事件处理函数中用于区分事件发生的源头和事件绑定的目标元素。 首先,微信小程序中的事件对象,可以简称为e,在事件处理函数中被...

    as3事件属性

    本文将深入探讨AS3事件流中的两个关键属性——`target`与`currentTarget`,并通过具体的示例来阐述它们的区别及实际应用。 #### 二、事件流基础 在AS3中,事件流主要分为三个阶段:捕获阶段(CAPTURING PHASE)、...

    js中innerText/textContent和innerHTML与target和currentTarget的区别

    今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    javascript currentTarget对象介绍

    在讨论 `currentTarget` 之前,我们先简要回顾一下 `target` 和 `currentTarget` 的基本概念以及它们之间的区别: 1. **`target`**:表示触发事件的原始元素。 2. **`currentTarget`**:表示当前正在处理事件的元素...

    HTML5自定义属性的问题分析

    后来发现e对象有currentTarget和target属性,而dataset就在currentTarget中,所以通过e.currentTarget.dataset.id取到了正确的值。 另外data-id="1"最好不要用驼峰命名如:data-Id="1" ,这样有时候也取不到值。 ...

    event.currentTarget和document.activeElement用法

    firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在...Identifies the current target for the event, as the event traverses the DOM. 识别当前事件触发的dom

    深入浅出讲解flex中的事件机制

    本文将详细探讨Flex中的事件机制,特别是`target`与`currentTarget`的区别,以及`useCapture`的作用。 #### 二、事件机制基础 在Flex中,事件是应用程序响应用户输入或系统变化的主要方式。事件处理通常涉及三个...

    JavaScript事件对象深入详解

    当事件处理程序直接绑定到目标元素上时,`this`、`currentTarget`和`target`三个值相同。但当处理程序绑定到父元素时,它们会有差异,例如: ```javascript document.body.onclick = function(event) { console....

    vue递归获取父元素的元素实例

    this.getParentTag(event.target); ``` 这个函数首先检查`startTag`是否是HTMLElement类型,然后获取其父元素的`nodeName`。如果父元素不是`BODY`,并且当前元素不是`TD`,函数会继续向上遍历,直到找到`TD`元素...

Global site tag (gtag.js) - Google Analytics