【小程序】获取到的e.target与e.currentTarget区别

最新推荐文章于 2022-10-04 14:14:00 发布

转载最新推荐文章于 2022-10-04 14:14:00 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bydzhangxiaowei/p/9647334.html

本文详细解析了小程序中e.target与e.currentTarget的区别，以及如何正确使用e.target.dataset解决实际问题，为开发者提供深入理解及实践指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【小程序】获取到的e.target与e.currentTarget区别：https://blog.youkuaiyun.com/qq_33744228/article/details/80310294

使用e.target.dataset的问题：https://www.cnblogs.com/xiaoli52qd/p/7857468.html

转载于:https://www.cnblogs.com/bydzhangxiaowei/p/9647334.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30432007

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

小程序 ——wx:for读取组件id的三种形式（e.target与e.currentTarget的区别）

OuOcnAh9

08-28

2443

参考文章1：【小程序】获取到的e.target与e.currentTarget区别参考文章2：【微信小程序】e.target.id和e.currentTarget.dataset.id的区别一、绑定到整个view上读取id 场景如下：数据库中存在这样一个唯一标识符来标识这一订单在数据库中的字段名叫Oid用户点击完毕后让订单状态发生改变，需要将id的值传到后端数据库进行状态的修改。用户在点...

小程序页面传值e.currentTarget

weixin_30826761的博客

10-25

197

将页面确定上的数值5传到js 微信官网 wtml: <view class="distpicker-btn"> <view class="distpicker-cancel-btn" bindtap="pickerCancel">取消</view> <view class='type'>性...

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

微信小程序的事件e.currentTarget和e.target

秀才的破庙

05-25

657

e.currentTarget当前触发 e.target源触发举个栗子： viewA下有 viewB viewC，都绑定事件Event(e) 那么，点击一下B或C，currentTarget代表BC，target代表A 就是能迅速找到根源，然后做处理，不用查找之类的浪费时间 ...

【微信小程序】e.target.id和e.currentTarget.dataset.id的区别

qq_42775934的博客

03-19

5161

1.需求 page1展示一个列表，选中列表中的一项，获取该项的一些属性值，set到缓存里。 page2 onLoad时从缓存里读取这个缓存，进行使用。 2.原始代码 ①page1的xml文件列表每一项如下 {{item.courseName}} {{item.teacher}} ②在page1.js中，响应点击事件，用e.target.id读...

e.target.dataset与e.currentTarget.dataset获取不到定义的值

热门推荐

祗想安静地的博客

04-24

3万+

你是否遇到这种情况：当你想要获取某个属性里面的值时，怎么点击都无法获取到那个值，例如下面的例子，你想获取view标签里面data-action这个属性的father的这个值，但是你发现点击的时候并没有取到“father” wxml代码： <view data-action="father" bindtap="GetAction"> <image src="ht...

彻底弄懂小程序e.target与e.currentTarget

前端-尔嵘

03-31

987

一、小程序中关于事件对象 e 的属性中有两个特别重要的属性：target与currentTarget属性：对于这两个属性，官方文档上的解释是：　　　　　target：事件源组件对象　　　　　currentTarget：当前组件对象　　可能这两句解释有点官方，反正我一开始看的时候是稀里糊涂、丈二和尚摸不着头脑，为了弄清楚它们之间的区别，我写了一个简单的代码，代码如下： <v...

微信小程序e.currentTarget.dataset获取不到数据的问题

Flyingheart1991的博客

08-14

5070

项目场景：最近写一个微信小程序，使用抽屉组件，需要获取点击事件数据问题描述： bindtap=“showModal1” data-target=“Modal” data-personInfo="{{drawerPeople[index]}}"使用e.currentTarget.dataset.personInfo怎么都获取不到数据，找不到原因  <view class="cu-modal drawer-modal justify-start {{moda

微信小程序：e.currentTarget.dataset.xxx 获取到undefined的解决办法

zhibinzhang的专栏

03-20

2712

wxml代码： <view data-showCN="{{showCN}}" bindtap="onClickPage"> js代码： onClickPage(e){ let p_showCN = e.currentTarget.dataset.showCN; 这里取到的showCN会是undefined, 将showCN变为showcn即可。

e.target和e.currentTarget的区别

m0_51055743的博客

10-04

783

e.target和e.currentTarget的区别

e.target 和 e.currentTarget 的区别

qq_22473207的博客

04-24

293

前端学习心得

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

10-16

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

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

11-28

事件对象（Event Object）是小程序中用于传递事件信息的关键，其中的`e.target`和`e.currentTarget`属性尤其重要，它们可以帮助开发者精确地理解事件触发的位置和行为。下面我们将深入探讨这两个属性的区别。 1. `e...

转化问题学生的六种激励法.doc

最新发布

08-10

转化问题学生的六种激励法.doc

一个基于Java编写的聊天软件，支持好友列表，窗口多开，JSP Web注册账户分Client端和Server端

08-10

一个基于Java编写的聊天软件，支持好友列表，窗口多开，JSP Web注册账户。分Client端和Server端。

安全设计“左移”：DevSecOps 成为编码起点.doc

08-10

安全设计“左移”：DevSecOps 成为编码起点.doc

08-10

08-10

08-10

这里我花了19.9开了一个错误的小程序开发.....

03-30

### 小程序开发常见问题及解决方法 #### 一、原生组件显示在遮罩层上面的问题当小程序中的某些原生组件（如 `map` 或者 `video`）无法被模态框或者遮罩层覆盖时，可以通过调整层级关系来解决问题。具体来说，在父容器中添加 `position: relative; z-index` 属性可以有效控制显示顺序[^1]。 #### 二、scroll-view 高度适配问题对于 `scroll-view` 的高度不适配问题，通常是因为未正确设置其高度百分比或固定数值所致。推荐的做法是在 WXML 中动态绑定窗口的高度，并通过 WXSS 设置相对比例。例如： ```javascript Page({ data: { windowHeight: wx.getSystemInfoSync().windowHeight, }, }); ``` WXML 文件中： ```html <scroll-view scroll-y style="height: {{windowHeight}}px;"> </scroll-view> ``` 这种方式能够确保不同设备上的滚动区域都能正常展示。 #### 三、表单控件聚焦后页面上推问题如果输入框获得焦点时触发键盘弹起而导致页面异常移动，则可以在 App.json 中全局配置 `"keyboard抵触模式"` 参数为 `"adjustPosition": false` 来禁用此行为[^2]。 #### 四、去掉按钮默认灰色圆角边框为了实现更灵活的设计需求，开发者可能希望移除 Button 组件自带的效果。这可通过修改 CSS 实现如下效果： ```css button::after { border: none; } ``` 上述代码片段会隐藏掉所有 button 默认附加的一圈细线边界。 #### 五、获取自定义属性数据要读取视图标签内的特定参数比如 `data-*` 开头的数据字段值，需利用事件对象传递过来的信息完成操作。下面给出一个简单例子说明如何捕获点击动作并提取关联 ID 数据： ```javascript bintap(e) { console.log('当前项ID:', e.currentTarget.dataset.id); } ``` 这里需要注意区分 `e.target` 和 `e.currentTarget` 使用场景差异。 #### 六、JSON 错误处理——Expecting 'String, Number...' 此类报错往往源于 JSON 字符串不符合标准格式引起解析失败的情况。仔细检查传入字符串是否缺少必要的引号包裹键名/值对部分即可修复该类错误[^3]。 --- ###