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

最新推荐文章于 2024-04-23 18:38:02 发布

阳关的美好

最新推荐文章于 2024-04-23 18:38:02 发布

阅读量246

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_46657663/article/details/126204341

版权

微信小程序专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

<view class="outer-view" bindtap="outerHandler">

     <button type="primary">按钮</button>

</view>

点击内部按钮时，点击事件会通过冒泡的方式，向外扩散，触发view的tap事件，此时

target 指向触发事件源头，就是button，

而currentTarget 指向是单前正在触发的事件，也就是view的tap事件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阳关的美好

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序16__target 与 currentTarget 的区别

daozhongyang的专栏

11-22

485

在小程序开发中，经常要用到这两个，看一个图 1. 通过一段代码来了解：这里catchtap 指捕获点击事件，这段代码捕获事件与触发事件都作用在 <view>元素上，要使用currentTarget 对象。 2. 再看一段代码：这里， catchtap 捕获点击事件在<swiper>元素上，传参的对象data-index 却在里面的子元素<image>上，要获取每个<data-index>的值，就要使...

微信小程序tap事件中target与currentTarget的区别

m0_61631823的博客

03-19

2346

target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下：点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。此时，对于外层的 view 来说： e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件扩展：事件传参 微信小程序.

参与评论您还未登录，请先登录后发表或查看评论

微信小程序target和currentTarget的区别

weixin_43364458的博客

03-05

762

详细解析target和currentTarget区别

【微信小程序】target与currentTarget区别简记

RogerQianpeng的博客

10-18

1159

示例代码中，常能见到e.target或者。简单来说，就是当前对象，target就是整个对象（包含子元素）。所以当点击某单一组件时，直接获取其data可以用，而当该组件被包了一层，事件在父元素，数据在子元素，则需要使用target。

微信小程序target 和 currentTarget 都是事件对象中的属性，

最新发布

qq_35915504的博客

04-23

393

总结来说，target 指向触发事件的源组件，而 currentTarget 指向事件绑定的当前组件。通过使用 target 和 currentTarget，可以在事件处理函数中区分事件的来源和当前处理事件的组件，从而根据需要进行不同的处理逻辑。target 和 currentTarget 都是事件对象中的属性，它们在事件处理函数中用于引用与事件相关的组件。在的事件处理函数中，event.target 将指向组件，因为它是触发事件的源组件。在上述结构中，如果点击了组件，事件会冒泡到父组件。

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

01-18

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

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

10-17

在微信小程序的开发过程中，事件处理是一个重要组成部分。事件对象中的target属性和currentTarget属性是开发者经常需要区分的两个概念，它们在事件处理函数中用于区分事件发生的源头和事件绑定的目标元素。首先，...

微信小程序 target和currentTarget区别

zhouguizhi

11-19

950

比如有一个列表,每个子项都可以点击,我们可以把点击事件放在图片上也可以直接放在子项的根组件上, target:指的是当前点击的组件 currentTarget:指的是事件捕获的组件 <view catchTap = "fetchImage"> <image src="a.png" data-postId = "item.id"> </view> ..

微信小程序currentTarget与target

cynicme的博客

01-12

361

微信小程序currentTarget与target

微信小程序中target与currentTarget

weixin_30692143的博客

04-12

616

　target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。但事件流处于目标阶段，target与currentTarget指向一样，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象。在微信小程序中也可总结为：target指向发生事件的组件，currentTarget指向绑定事件的组件。下面请看例子： ...

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

10-16

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

小程序 target 与 currentTarget（详细）

https://shixuebin.gitee.io/hexo-blog/

09-07

869

由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：

微信小程序---target和currentTarget区别

weixin_45561258的博客

07-14

434

<view id="outer" bindtap="change1"> outer view <view id="inner" bindtap="change2"> inner view </view> </view> 如果点击了inner view，那么在change2中target和currentTarget指向的都是同一个对象，而在change1中，则target指向的是inner view，currentTarget指向的是o

微信小程序WXML模板--事件对象属性以及target和currentTarget的区别

weixin_73318685的博客

06-15

454

当事件回调触发的时候，会收到一个事件对象event。target 是触发事件的源头组件，而 currentTarget 则是当前事件所绑定的组件

微信小程序:target与currentTarget的区别

m0_49888984的博客

08-17

458

微信小程序:target与currentTarget的区别 target为触发事件的组件(触发事件的源头) currentTarget为当前组件当存在事件冒泡时: <view bindtap="outer">outter <view bindtap="inner">inner </view> </view> 当触发inner时，它输出一个对象，对象属性target与currentTarget的值皆为inner 当冒泡到outter时，它输出一个对象

微信小程序事件对象的target与currentTarget属性的区别-GIF图解

JackieDYH的博客

07-08

738

要点 target对应的是触发事件的源头组件，这个组件有可能是子组件，有可能是父组件，主要是看执行动作的区域。 currentTarget始终对应事件所绑定的组件。 .wxml <view id="out" class="outer box1" bindtap="outerHandle"> 外out <view id="cent" class="center box1" bindtap="centerHandle"> 中cent <view..

微信小程序中e.target与e.currentTarget区别详解

shadow_zed的博客

02-20

1573

在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别，关于传值下一节再详细讲解>https://blog.csdn.net/Syleapn/article/details/81290133#comments~ 下面开始正文啦！！先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。在小程序...

小程序学习篇：target和currentTarget区别

gede_s的博客

10-12

627

微信小程序 target和currentTarget区别

微信小程序深入解析：触控事件与调试

微信小程序触控事件是小程序开发中至关重要的交互设计元素，它实现了视图层与逻辑层之间的高效沟通。事件机制允许开发者捕捉用户的操作行为，并在逻辑层中进行相应的处理。以下是关于微信小程序触控事件的详细介绍：...