`

转:target和currentTarget

阅读更多

http://it.hexun.com/2009-05-05/117373817.html

 

如我们刚才提到的,在事件被触发后,FlashPlayer就会创建事件对象,并逐一检查"事件旅程"上的节点是否针对发生的事件注册了侦听器,为 事件对象赋值,并调用侦听器。事件对象源自flash.events.Event类。事件对象currentTarget属性的值会在事件流中改变,而 target属性则不会变化。(关于事件对象,我们将在6.3节(见第106页)深入讨论)由此,开发者能够通过currentTarget属性获知事件 旅程现在停在了哪个节点上。

  currentTarget属性:事件旅程中,currentTarget属性代表了 FlashPlayer正在检查的节点对象。比如,当FlashPlayer遍历到ctnButtons对象,那么 event.currentTarget就是ctnButtons对象。

  target属性:target属性就是发生事件的对象。在信 号灯应用中,event.target就是用户所点击的按钮对象,在事件旅程中,该属性的值始终不变。信号灯应用中,侦听器myEventHandler 利用event.target来获取被点击按钮上的标签数据。此时赋给event.currentTarget属性的则是HBox容器对象 ctnButtons。

分享到:
评论

相关推荐

    Javascript中, event 的 target 与 currentTarget 的区别

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

    JS target与currentTarget区别说明

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

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

    currentTarget:事件触发的当前事件(当前事件,可能是触发事件的源组件,可能是触发的事件组件(即触发事件源组件的子元素),此时点击子元素还是父元素,都是当前事件,应用e.currentTarget target:触发事件的源...

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

    今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和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的区别详解

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

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

    总的来说,`e.target`与`e.currentTarget`在微信小程序的事件处理中扮演着关键的角色,它们帮助开发者区分事件的来源和当前处理事件的元素,使得事件处理更加灵活和强大。掌握这两者的区别对于编写高效且正确的事件...

    as3事件属性

    - **`currentTarget`**:在冒泡阶段,当处理`BigBoard`和`stage`上的监听器时,`currentTarget`会依次变为`BigBoard`和`stage`。 此外,`localX`和`localY`属性表示相对于`target`对象的位置坐标。在这个案例中,`...

    javascript currentTarget对象介绍

    console.log('currentTarget:', event.currentTarget); console.log('target:', event.target); }, false); document.getElementById('child').addEventListener('click', function(event) { console.log('...

    swipe:滑动 jQuery 插件

    刷卡 滑动 jQuery 插件 用法 var options = {bounce : { flag : true , axis : 20 ... $(document).Swipe(function(e){ console.log(e.currentTarget.component.direction); //+1 向左滑动 -1 向右滑动 } } , options);

    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 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event....

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

    1. **获取兄弟元素**:`e.currentTarget.previousElementSibling` 和 `e.currentTarget.nextElementSibling` 分别用于获取当前元素的前一个和后一个兄弟元素。 2. **获取子元素**:`e.currentTarget....

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

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

    JavaScript事件对象深入详解

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

Global site tag (gtag.js) - Google Analytics