父元素设置mousedown之后子元素的dragstart事件就不触发了？

• Z时代
• 2024-03-01
• 分类：IT

<div
  ref="wrap"
  class="table-main"
  @dragenter="handlePrevent($event)"
  @dragover="handlePrevent($event)"
  @drop.capture="handleDrop($event)"
  @mousedown="down($event)"
  @mouseup="up($event)"
  @mousemove="move($event)"
>
  <div
    v-for="(item, index) in tables"
    :key="index"
    class="table-item"
    :style="{
      left: item.x + 'px',
      top: item.y + 'px',
      transform: `rotate(${item.angle}deg)`
    }"
    @dragstart.stop="curDragstart($event, index)"
    draggable="true"
    @click.stop="handleTable(index)"
  >
    <span>{{ item.name }}</span>
  </div>
</div>

给table-main添加mousedown这些鼠标事件之后，拖拽子元素table-item,他的dragstart就不触发了，直接触发父元素的mousedown事件，但是我明明给子元素添加了.stop阻止向上冒泡，问什么还是会直接触发table-main的mousedown呢？

回答：

给子元素加一个 @mousedown.stop="" 试试
因为你子元素的 mousedown 冒泡出去了触发了父元素的 mousedown

以上是 父元素设置mousedown之后子元素的dragstart事件就不触发了？ 的全部内容， 来源链接： utcz.com/p/934968.html