`
vgah
  • 浏览: 7482 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Difference between event.target and event.currentTarget

    博客分类:
  • Flex
 
阅读更多

真正的事件dispatch者是event.target,监听事件(addEventListner)的对象是event.currentTarget,Flex skd中有言曰:

"Event objects also have target properties that reference the actual object which dispatched the event. In some cases, the target may not be the object for which you have registered a listener. This can occur when the object for which you have registered a listener contains a child component that also dispatches the same event (and
the event bubbles). If you want to ensure that you are getting a reference to the object for which the listener is registered to listen for the event, use the currentTarget property"

例:如为容器mc1创建了一个同类型(或者说拥有相同事件)的子容器mc2,再为mc1注册click事件监听器,当单击子容器mc2时,则event.target指事件dispatch者mc2,而event.currentTarget指当前的事件处理者mc1,因此在使用时如果是要获取被注册事件监听器的对象(一般都是如此)则用event.currentTarget,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...

    Javascript中, event 的 target 与 currentTarget 的区别

    NULL 博文链接:https://rainbow702.iteye.com/blog/1668953

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

    主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    event.currentTarget和document.activeElement用法

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

    HTML5自定义属性的问题分析

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

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

    主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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

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

    vue绑定事件后获取绑定事件中的this方法

    使用$event传递参数(事件本身) <input v-model="checknames" @change=... if( element.currentTarget.checked){ ..... } } 以上这篇vue绑定事件后获取绑定事件中的this方法就是小编分享给大家的全部内容了

    微信小程序学习demo:从服务器获取数据,并且数据绑定组件

    点评:一个学习用demo,新闻客户端,从聚合数据api获取数据:从服务器获取数据,并且数据绑定组件 index.js   var app = getApp();...title="+event.currentTarget.dataset.title+"&url="+event.currentTarget.data

    关于javascript event flow 的一个bug详解

    描述了firefox,safari 有一个bug和DOM 3 规范不一致:在event.currentTarget等于event.target的时候(即event flow处于target phase时),会调用添加到currentTarget上的useCapture为true的listener

    JS target与currentTarget区别说明

    target在事件流的目标阶段;...只有当事件流处在目标阶段的时候,两个的指向才是一样的,而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。

    实现H5中区域判断King.ShapeTouch.zip

     var node = event.currentTarget;  var nodePoint = node.convertToNodeSpace(touchPoint);  var nodeSrc = node.getComponent(cc.Sprite).spriteFrame.getTexture().url;  king.shape.touchPoint...

    关于微信小程序wx.switchTab的问题

    var cate_id = event.currentTarget.dataset.cate_id; wx.switchTab({ url: '../category/category?cate_id='+cate_id, }); }, 按照上面写的在category.js里得不到数据;   onLoad:function(options){ console.log...

    微信小程序:漫画小程序项目总结

    4、e.currentTarget.dataset、e.target.dataset 用法,console.log(e) 调试技巧。  5、难点:数组数据下标为动态数据时的取值方法。   项目要求: 1、构建 WXML 模板。  2、使用 wx:for 循环输出四个图片,每个...

    微信小程序文章详情功能完整实例

    本文实例讲述了微信小程序文章详情功能。分享给大家供大家参考,... var article_id = event.currentTarget.dataset.aid; wx.navigateTo({ url: '../article-detail/detail?aid=' + article_id, }) }, detail.w

Global site tag (gtag.js) - Google Analytics