e.currenttarget获取data-*属性值

　　currentTarget 事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。

e.target.dataset与e.currentTarget.dataset

　　获取标签中定义的值，定义方法 data-*=某个值。e.target.dataset是指获取当前点击dom的值，若没有对应的值则取的是undefined，e.currentTarget 是指注册了监听点击事件的组件，会获取有事件的那个元素。

currentTarget 使用

1需要在触发元素上用“data-”+“属性”的形式定义，如value值写成data-value,calss值写成data-class
2.通过e.target.dataset.属性能够获取属性
e是事件对象，里面包括很多方法
e.target指向返回事件的目标节点(触发该事件的节点)
e.target.dataset返回一个对象，对象中是设置的属性，如果设置的时候不加data，则获取到的对象为空。

<div
      class="shortcut"
      @touchstart.stop.prevent="onShortcutTouchStart"
      @touchmove.stop.prevent="onShortcutTouchMove"
      @touchend.stop.prevent
    >
    <!--touch的三个事件 阻止冒泡和默认行为 -->
      <ul>
        <li
          v-for="(item, index) in shortcutList"
          :key="item"
          :data-index="index"
          class="item"
          :class="{ current: currentIndex === index }"
        >
          {{ item }}
        </li>
      </ul>
    </div>

// 点击组名，跳转至对应的组
  function onShortcutTouchStart(e) {
    // console.log(e.target.dataset) // ul下面的li
    // li上绑定了data-index，使用dom api拿到
    const anchorIndex = parseInt(e.target.dataset.index)
    touch.y1 = e.touches[0].pageY
    touch.anchorIndex = anchorIndex

    scrollTo(anchorIndex)
  }

　　以上就是青锋建站给大家分享的e.currenttarget获取data-*属性值的方法。青锋建站，提供专业的高品质网站制作服务，包括网站建设服务，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，专业做优化型网站，为企业构建营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/e_currenttarget_1442.html