拖拽元素到目标区域的事件
来源:7-8 业务落地:文件拖入之后的数据解析处理
qq_木杉木_03622742
2022-08-03
关于拖拽到目标区域的事件中,既然 dragover 和 dragenter 的效果是一样的,为什么还要写两个呢?是有什么历史原因吗?
<div
class="drop"
@drop.stop.prevent="handleDrop"
@dragover.stop.prevent="handleDragover"
@dragenter.stop.prevent="handleDragover"
>
<i class="el-icon-upload" />
<span>{{ $t('msg.uploadExcel.drop') }}</span>
</div>
写回答
1回答
-
Sunday
2022-08-04
你好
因为 dragenter 表示拖拽移入,dragover 表示拖拽到(会持续触发),我们需要在这两个事件中都执行 阻止冒泡和 防止默认行为操作
022022-08-11
相似问题