所有Event对象都有target和currentTarget属性,target属性可引用事件分派对象,currentTarget属性可引 用正在被检测事件监听器的当前节点。也就是说target当前你点击组件,currentTarget表示你注册了监听器的组件.
在事件将在控件链中向上冒泡,在此过程中target始终不变,currentTarget在每个向上移动的过程中及时改变。
例如当用户点击一个Button控件,很可能事件派发者是Button的内部子组件UITextField,事件向上冒泡过程中target始终为 UITextField不变,但currentTarget会逐步冒泡到Button组件,这时,触发了在Button上监听的Click事件处理函数。
综上,开发人员一般使用event.currentTarget属性,event.target属性很少使用。
测试:
总结:
(1)button这个组件默认的已经注册了click事件,image没有注册,必须手动注册click事件
(2)只有子组件的事件触发了,才会触发父组件的,否侧不会触发事件(事件的传播性,从 子----> 父)
(3)event.stopImmediatePropagation();这个方法是停止事件向父组件传播的
分享到:
相关推荐
NULL 博文链接:https://rainbow702.iteye.com/blog/1668953
深入了解as3事件流,阐明target和currentTarget属性的区别与应用
currentTarget和target都是组件的一些属性值集合,由“data-属性名”定义的一些属性值 currentTarget:事件触发的当前事件(当前事件,可能是触发事件的源组件,可能是触发的事件组件(即触发事件源组件的子元素),...
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
在小程序的事件回调触发时,会接收一个事件对象,事件对象的参数中包含一个target和currentTarget属性,接下来说说这二者的区别。 首先上代码: wxml部分: 父组件 子组件 wxss部分: #tar-father{ width: ...
target在事件流的目标阶段;...只有当事件流处在目标阶段的时候,两个的指向才是一样的,而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
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...
此往篇文档非常清淅的讲解在flex中的事件机制,告诉你target与currenttarget的区别
在小程序的点击事件中,我们经常使用这...target:事件源组件对象 currentTarget:当前组件对象 什么意思?我刚开始就有点不懂,那就直接上代码: outer view middle view inner view tap1: function
后来发现e对象有currentTarget和target属性,而dataset就在currentTarget中,所以通过e.currentTarget.dataset.id取到了正确的值。 另外data-id="1"最好不要用驼峰命名如:data-Id="1" ,这样有时候也取不到值。 ...
刷卡 滑动 jQuery 插件 用法 var options = {bounce : { flag : true , axis : 20 ... $(document).Swipe(function(e){ console.log(e.currentTarget.component.direction); //+1 向左滑动 -1 向右滑动 } } , options);
var currentTarget : Transform; //路径点 var wayPoints : Transform[]; var attackRadius = 5; var currentWayPoint : Transform; var findWayTime = 5; var lastTime = 0; //bot状态 var botState : Person; //...
本文实例为大家分享了微信小程序滑动tab切换展示的具体代码,供大家参考,具体内容如下 效果预览: js部分: Page({ data: { arr: [1,2,3,4,5,6,7,8], ... index: e.currentTarget.dataset.index + 1 });
firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event....
先定义 const app = getApp(), 此函数为获取全局属性,即获取到app.js中定义的东西 然后使用时app.xxx 即可, 如获取全局变量globalData,就可用app.globalData.xxx即可 2.分包:没写头 3.后端返的bas64位图片路径...
javascript currentTarget对象介绍