如何获取currentTarget 的 offsetX？

Question

        <div class="strips-Warp" @click.prevent="jumpStrips($event)" ref="stripsWarp">
            <div class="strips-play" v-bind:style="{width:playStrips + '%'}"></div>
            <div class="strips-btn" ref="stripsBtn" v-bind:style="{left:playStrips + '%'}"></div>
            <div class="strips-buffer" v-bind:style="{width:musicCache *100 + '%'}"></div>
        </div>

我需要只获取strips-Warp的 offsetX ，也就是获取currentTarget 的offsetX 。 有什么办法吗

现在点击黑色会只获取到了黑色的offsetX。

Answer 1

看下你的currentTarget是哪个dom

Answer 2

我简单试了下，能正常取到你想要的currentTarget啊。

<div class="strips-Warp" @click="jumpStrips($event)">
  <p>a</p>
  <p>b</p>
  <p>c</p>
</div>

new Vue({
  el: '#app',
  methods: {
    jumpStrips: function (event) {
      console.log(event.target);
      console.log(event.currentTarget);
    }
  }
});

Answer 3

试下：event.currentTarget.offsetLeft