拖拽元素到目标区域的事件

来源: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 表示拖拽到(会持续触发),我们需要在这两个事件中都执行 阻止冒泡和   防止默认行为操作

0
2
Sunday
回复
qq_木杉木_03622742
是的。可以这么理解
2022-08-11
共2条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程