小程序中target与currentTarget区别

两者有点击目标事件的区别,代码如下

<view bindtap='del' data-id="1">
A
<view data-id="2">B</view>
<view>C</view>
</view>
del(e){
    console.log('currentTarget:',e.currentTarget.dataset.id)
    console.log('target:', e.target.dataset.id)
  },

点击A

currentTarget: 1
target: 1

点击B

currentTarget: 1
target: 2

点击C

currentTarget: 1
target: undefined

由上可以看出,currentTarget是冒泡事件,所有内部点击触发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,862评论 1 11
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,622评论 0 21
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,188评论 0 8
  • 在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两...
    plainnany阅读 57,531评论 5 55
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 7,040评论 0 2