小程序页面传值细节——target和currentTarget的区别

最新推荐文章于 2024-04-23 18:38:02 发布
最新推荐文章于 2024-04-23 18:38:02 发布
阅读量399 收藏 1
点赞数 1
分类专栏： 前端学习 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44036956/article/details/108882323
版权

小程序中target和currentTarget的区别

先写结论
1、target  你点哪获取哪  没有就是空 
2、currentTarget  你点哪获取点的哪个元素得父元素  没有就是空
3、没有子元素的时候 这俩相等

下面图解
在这里插入图片描述
在这里插入图片描述

好好先生～
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序 target 与 currentTarget（详细）
https://shixuebin.gitee.io/hexo-blog/
09-07 839
由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：
小程序初体验之target和currentTarget
flying meng的菜鸟居
09-29 555
说起这两个属性，就不得不说一个事： 事件对象 小程序官方文档中说：当事件被触发时，处理函数会响应。传入event对象，通过event对象可以获取事件触发时候的一些信息，包括时间戳、detail等。 因为小程序内的事件绑定都是在 WXML 中实现的，所以传递参数只能通过 WXML 上面的属性值来传递，例如下面的代码中，indexDetail 处理函数需要接收生活指数的名称和详情，来弹出弹层提示，这时...
彻底弄懂小程序e.target与e.currentTarget
weixin_33756418的博客
12-29 203
　　　一、小程序中关于事件对象 e 的属性中有两个特别重要的属性：target与currentTarget属性：对于这两个属性，官方文档上的解释是： 　　　　　target：事件源组件对象 　　　　　currentTarget：当前组件对象 　　可能这两句解释有点官方，反正我一开始看的时候是稀里糊涂、丈二和尚摸不着头脑，为了弄清楚它们之间的区别，我写了一个简单的代码，代码如下： ...
微信小程序---target和currentTarget区别
weixin_45561258的博客
07-14 425
<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
了解小程序的target和currentTarget
浮游的博客
03-09 683
使用事件委托，children层存在嵌套时无法获取dataset，非嵌套时可以如期获取。 如期获取场景 wxml中 <view bindtap="parent"> <view data-name="child1">child1</view> <view data-name="child2">child2</view> </view> js中 parent(e) { console.log(e) if(e.t
小程序面试题
qq_43648865的博客
02-28 568
，最后 wx.miniProgram.navigateTo({url: ‘/pages/login/login’+‘$params’}) wx.miniProgram.navigateTo({url: ‘/path/to/page’}) webview 的页面怎么跳转到小程序导航的页面？注意不能有大写字母，不可以存放对象 跳转页面时通过 navigator 传递需要的参数值 设置 id 的方法标识，通过 e.currentTarget.id 获取设置的 id 值，然后通过设置全局变量的方法来传 递数值。
前端面试题之——小程序篇
qq_43648865的博客
02-28 1394
，最后 wx.miniProgram.navigateTo({url: ‘/pages/login/login’+‘$params’}) wx.miniProgram.navigateTo({url: ‘/path/to/page’}) webview 的页面怎么跳转到小程序导航的页面？注意不能有大写字母，不可以存放对象 跳转页面时通过 navigator 传递需要的参数值 设置 id 的方法标识，通过 e.currentTarget.id 获取设置的 id 值，然后通过设置全局变量的方法来传 递数值。
2021 Vue 小程序 面试笔试题
zhixin21的博客
11-18 1584
一、html5部分 1.sessionStorage和localStorage的区别 答案： sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 2.Canvas和SVG的区别是什么 答案： canvas绘制2d位图svg绘制2d
开发微信小程序的小技巧
qq_37672347的博客
08-21 889
1.1、小程序的开发步骤或流程是什么？ a、登录微信公众号官网，申请小程序账号 b、获取appId ,appScert c、下载开发者工具 b、创建第一个小程序项目 1.2、小程序的实现原理是什么？ 小程序主要使用的是前端技术栈：wxml wxss js 和常规的前端有相似之处但又有所不同 wxml:展示小程序的界面，使用的xml语法 js : 小...
小程序学习篇：target和currentTarget区别
gede_s的博客
10-12 597
微信小程序 target和currentTarget区别
简单了解微信小程序 e.target与e.currentTarget的不同
10-16
主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序target 和 currentTarget 都是事件对象中的属性，
最新发布
qq_35915504的博客
04-23 308
总结来说，target 指向触发事件的源组件，而 currentTarget 指向事件绑定的当前组件。通过使用 target 和 currentTarget，可以在事件处理函数中区分事件的来源和当前处理事件的组件，从而根据需要进行不同的处理逻辑。target 和 currentTarget 都是事件对象中的属性，它们在事件处理函数中用于引用与事件相关的组件。在 的事件处理函数中，event.target 将指向 组件，因为它是触发事件的源组件。在上述结构中，如果点击了 组件，事件会冒泡到父组件。
【微信小程序】target与currentTarget区别简记
RogerQianpeng的博客
10-18 1129
示例代码中，常能见到e.target或者。简单来说，就是当前对象，target就是整个对象（包含子元素）。所以当点击某单一组件时，直接获取其data可以用，而当该组件被包了一层，事件在父元素，数据在子元素，则需要使用target。
微信小程序中的 event.target和event.currentTarget区别？
weixin_34268169的博客
06-16 502
//event.target和event.currentTarget //target 指的是当前点击的组件，currentTarget指的是时间捕获的组件 转载于:https://www.cnblogs.com/xzma/p/7028684.html
微信小程序tap事件中target与currentTarget的区别
m0_61631823的博客
03-19 2331
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下： 点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。 此时，对于外层的 view 来说： e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件 扩展：事件传参 微信小程序.
微信小程序:target与currentTarget的区别
m0_49888984的博客
08-17 442
微信小程序:target与currentTarget的区别 target为触发事件的组件(触发事件的源头) currentTarget为当前组件 当存在事件冒泡时: <view bindtap="outer">outter <view bindtap="inner">inner </view> </view> 当触发inner时，它输出一个对象，对象属性target与currentTarget的值皆为inner 当冒泡到outter时，它输出一个对象
微信小程序中e.target与e.currentTarget区别详解
CAO11021的博客
05-12 1479
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别。 下面开始正文啦！！ 先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。 在小程序中，事件分为2种，冒泡与非冒泡。这不是重点！由于是要理清e.target和e.currentTarget的区别，所以下面从e入手来说。e为事件对象，可以携带额外信息，如 id, dataset, touches。 小程序中，事件对象不止一种，如基础事件对象、自定义事件对象等，下面
target，currentTarget和this三者的区别
吴孔云的博客
07-08 9348
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)（一般为父级）。this指向永远和currentTarget指向一致（只考虑this的普通函数调用）。 <div id="ou
微信小程序 currentTarget 和 target
Argent_
07-03 304
事件 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset,touches。 ...
微信小程序页面传值技巧详解
"微信小程序页面传值技巧与实践" 在微信小程序开发中，页面间的数据传递是一项基础且重要的任务。本文将详细介绍几种常见的页面传值方法，帮助开发者更好地理解和掌握这一技能。 一、跨页面传值 1. 使用`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值