小程序事件对象的target与currentTarget属性区别

最新推荐文章于 2023-10-25 08:00:00 发布
最新推荐文章于 2023-10-25 08:00:00 发布
阅读量357 收藏
点赞数 1
分类专栏： 微信小程序

e.target是tap点击事件触发的对象（也就是点击的是谁）

e.currentTarget是事件绑定在哪个元素上（也就是这个事件在哪个组件上）。

二二二二二二
关注
专栏目录
小程序 target 与 currentTarget（详细）
https://shixuebin.gitee.io/hexo-blog/
09-07 874
由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：
小程序初体验之target和currentTarget
flying meng的菜鸟居
09-29 573
说起这两个属性，就不得不说一个事： 事件对象 小程序官方文档中说：当事件被触发时，处理函数会响应。传入event对象，通过event对象可以获取事件触发时候的一些信息，包括时间戳、detail等。 因为小程序内的事件绑定都是在 WXML 中实现的，所以传递参数只能通过 WXML 上面的属性值来传递，例如下面的代码中，indexDetail 处理函数需要接收生活指数的名称和详情，来弹出弹层提示，这时...
事件对象的target和currentTarget属性区别
weixin_34092370的博客
05-19 86
本帖最后由 qiuheyou 于 2009-5-6 13:12 编辑 var aaa:Sprite=new Sprite()var bbb:TextField=new TextField()bbb.text="qiuheyou"aaa.addChild(bbb)addChild(aaa)aaa.addEventListener(MouseEvent.CLICK,ccc)function...
事件对象中的Target属性
weixin_30847865的博客
02-25 423
事件对象中的Target属性 1. event.delegateTarget：绑定事件的代理对象（例如：btn1.on( 'click', 'btn2', function () {} 中的对象btn1)） 2. event.currentTarget：绑定事件的对象 3. event.Target：真正触发事件的对象 转载于:https://www.cnblogs.com/david-lc...
target 事件属性
weixin_30251829的博客
04-06 79
定义和用法 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 实例 下面的例子可获得触发事件的元素： <html> <head> <script type="text/javascript"> function getEventTrigger(event) { x=eve...
target事件属性
lijiaojiao123123的专栏
04-13 334
target事件属性可以返回事件的目标节点（触发该事件的节点），如生成该事件的元素，文档和窗口。
事件对象和target事件属性
benben0729的专栏
07-09 1776
事件对象什么是事件对象呢？当我们触发一个事件时，便会产生一个事件对象，这个对象中包含着这个事件的相关信息，包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。input.onclick = function (evt) { //接受 event 对象，名称不一定非要 event     alert(evt); //MouseEvent，...
微信小程序事件对象中e.target和e.currentTarget的区别详解
11-28
事件对象（Event Object）是小程序中用于传递事件信息的关键，其中的`e.target`和`e.currentTarget`属性尤其重要，它们可以帮助开发者精确地理解事件触发的位置和行为。下面我们将深入探讨这两个属性的区别。 1. `e...
简单了解微信小程序 e.target与e.currentTarget的不同
12-30
在小程序的点击事件中，我们经常使用这两个属性来传参，看起来效果一样，查了官方文档如下： target：事件源组件对象 currentTarget：当前组件对象 什么意思？我刚开始就有点不懂，那就直接上代码： outer view ...
事件对象e的e.target
weixin_49602426的博客
09-11 3016
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
【小程序】获取到的e.target与e.currentTarget区别
热门推荐
Y.Cheng的博客
05-14 1万+
在html中这两个事件属性，很容易让我混淆，小程序中这两个属性也很重要，因此又必要好好深入理解下，让自己分清这两个Dom的属性。 这里是MDN给的解释 target:一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。 currentTarget:在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。它指的是当事件遍历DOM时，标识事件的...
彻底弄懂小程序e.target与e.currentTarget
weixin_33756418的博客
12-29 224
　　　一、小程序中关于事件对象 e 的属性中有两个特别重要的属性：target与currentTarget属性：对于这两个属性，官方文档上的解释是： 　　　　　target：事件源组件对象 　　　　　currentTarget：当前组件对象 　　可能这两句解释有点官方，反正我一开始看的时候是稀里糊涂、丈二和尚摸不着头脑，为了弄清楚它们之间的区别，我写了一个简单的代码，代码如下： ...
小程序中currentTarget与target的区别
qq_41818857的博客
04-28 276
event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素
微信小程序——事件委托
weixin_45890771的博客
01-21 1833
事件委托 1. 什么是事件委托 将子元素的事件委托(绑定)给父元素2. 事件委托的好处 1）. 减少绑定的次数 2）. 后期新添加的元素也可以享用之前委托的事件3. 事件委托的原理 冒泡4. 触发事件的是谁 子元素5. 如何找到触发事件的对象 event.target6. currentTarget VS target currentTarget是绑定事件处理函数的元素，target是实际被鼠标点击得到的元素 1）. currentTarget要求...
【微信小程序开发】小程序的事件处理和交互逻辑（最详细）
最新发布
陈橘又青的博客
10-25 2万+
在微信小程序中，常见的事件类型包括点击事件（tap）、长按事件（longpress）、滑动事件（touchmove）、输入事件（input）、表单提交事件（submit）等。例如，当我们希望在触发事件的元素之前捕获事件，可以通过在组件上使用 capture-bind 或 capture-catch 属性来绑定事件。在上述代码中，当点击子元素时，子元素的事件处理函数会被触发，但父元素的事件处理函数不会被触发，因为我们调用了 event.stopPropagation() 方法阻止了事件的冒泡。
微信小程序（事件委托）
qq_45532769的博客
02-01 493
微信小程序（事件委托）
微信小程序轮播中的current_微信小程序开发之自定义轮播图实例
weixin_39751195的博客
12-20 673
轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。废话少说，下面开始动手。业务需求：5个图片轮番播放，可以左右滑动，点击指示点可以切换图片重点说明：由于微信小程序，整个项目编译后的大小不能超过1M查看做轮播图功能的一张图片大小都已经有100+k了那么我们可以把图片放在服务器上，发送请求来获取。index.wxml：这...
小程序绑定事件传值是要使用currentTarget获取
我是左小皓
04-02 2268
小程序的事件绑定传值时，自定义的data-**，当在js中获取中，应该使用currentTarget，虽然有时target也可以获取，但是currentTarget才是最准确的，老手路过就可以了，这是我自己踩的坑，顺便记录一下 微信扫码，体验更多开发案例 ...
微信小程序事件对象currentTarget和target属性的区别
qq_43447509的博客
08-24 628
页面中view嵌套view，分别都绑定点击事件 wxml <view id="outer" class="outer" bindtap="outerClick"> <view id="inner" class="inner" bindtap="innerClick"></view> </view> wxss：设置一些样式方便观察 .outer{ width: 400rpx; height: 400rpx; background-color:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值