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