e-target与e-currentTarget的区别

e.target与e.currentTarget的区别

先贴上代码

          <view wx:if="{{useSpecialDelivery}}" class="h-v3"><view class="h-v3-1-detail"><view ><icon class="iconfont icon-home-waimai home-icon"></icon></view><view wx:if="{{takeOutFoodButton}}" catchtap="preOrder" data-dinnerType='1' data-tradeTypeCode='2'><view>无接触配送</view><image src='{{homeImages}}'wx:if="{{takeOutFoodButton &&!tangShiFoodButton}}" class="homeImages"></image><view style="line-height:55rpx">外卖点餐</view><view>家庭厨房/美味自煮</view></view><view class="h-v3-1-hr" wx:if="{{tangShiFoodButton && takeOutFoodButton}}"></view><view catchtap="preOrder" data-dinnerType='2' data-tradeTypeCode='1' wx:if="{{tangShiFoodButton}}" class="h-v3-1-item-title h-v3-1-item-title-detail title-right"><view class="h-v3-1-item-title-tip item-title-tip-right">无接触点取</view><image src='{{homeImages}}' wx:if="{{tangShiFoodButton &&!takeOutFoodButton}}" class="homeImages" data-dinnerType='2' data-tradeTypeCode='1'></image><view style="line-height:55rpx" data-dinnerType='2' data-tradeTypeCode='1'>堂食点餐</view><view class="statement" data-dinnerType='2' data-tradeTypeCode='1'>店内就餐/打包带走</view></view><view catchtap="preOrder" data-dinnerType='2' data-tradeTypeCode='1'><icon class="iconfont icon-home-store home-icon" style="font-size:62rpx !important"></icon></view></view></view>

preOrder () {//点击上方的外卖点餐的文字,没有 data-$value//e.target.dataset 是个 {}; 而e.currentTarget.dataset 拥有预期的值//点击上方的堂食点餐的文字//e.target.dataset 拥有预期值，因为加上了data-$value; 而e.currentTarget.dataset 拥有预期的值//catch事件和target这个特性来进行事件委托
}

参考链接： https://www.jianshu.com/p/1dd668ccc97a

e-target与e-currentTarget的区别相关推荐

event.target与event.currentTarget的区别
event.target事件和event.currentTarget事件,经常被人们混淆.因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性.然而如果真的是一样的,那当初官方就不会做这样没有意义 ...
浅析js中e.target和e.currentTarget的区别
简单的说,e.currentTarge是指注册了事件监听器的对象,e.target是指对象里的子对象,实际触发这个事件的对象. <!DOCTYPE html> <html>&l ...
js中的target与currentTarget的区别转
关于js中target与currentTarget的区别的关键在于他们所处在的事件流的阶段是不一样的,target处于事件流的目标阶段,currentTarget处理事件流的捕获.处于目标阶段和冒泡阶 ...
[vue] 在vue事件中传入$event，使用e.target和e.currentTarget有什么区别？
[vue] 在vue事件中传入$event,使用e.target和e.currentTarget有什么区别? event.currentTarget指向事件所绑定的元素,而event.target始终 ...
event.target与event.currentTarget的差异
event.target与event.currentTarget的差异(完整版) 1.什么是target?什么是currentTarget? event.target 是发生事件的元素或触发事件的元素 ...
e.target与e.currentTarget的作用
要说清楚这个东西,还不太好阐述呢,所以,先看看下面的代码: [html] view plain copy <!DOCTYPE html> <html> <head lan ...
target与currentTarget的区别？
比如说现在有A和B,A.addChild(B)A监听鼠标点击事件那么当点击B时,target是B,currentTarget是A也就是说,currentTarget始终是监听事件者,而target是事 ...
target和currentTarget的区别
target 和currentTarget 都是对一个触发事件的对象的引用. 不同之处在于: 1,target 是对触发事件的对象的引用 (简称就是事件源,就是那个真实DOM本身) 2,current ...
spring aop的@target与@within的真正区别到底是什么？
文档里面是这么说的: @target: Limits matching to join points (the execution of methods when using Spring AOP) ...
jquery的$.extend、$.fn.extend、 jQuery.extend( target, object1, [objectN])作用及区别
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend();jQuery.extend(); 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. j ...

e-target与e-currentTarget的区别

e-target与e-currentTarget的区别相关推荐

最新文章

热门文章