Question

我在角度2中构建上传组件，我偶然发现了问题。 (drop)事件无效。这是我的实现

<div
class="input-upload"
*ngIf="status != 'finished'"
(drop)="onDrop($event)"
(dragenter)="dragenter()"
(dragleave)="dragleave()"
(dragover)="dragover()"
[ngClass]="{'drag-over': dragOver | async}"
>

onDrop(event: any) {
event.preventDefault();
event.stopPropagation();
console.log(event)
}

我做错了吗？我甚至将不存在的函数放在(drop)事件中，而角度没有给出错误。

Answer 1

AFAIR您需要在event.preventDefault()中调用dragOver(event)来通知浏览器当前悬停的元素是有效的放弃目标。

另见https://developer.mozilla.org/en-US/docs/Web/Events/drop

Answer 2

将此添加到您的dragover和dragend上

返回false;

@He已经在做你说的了

掉落事件不工作角2

2 个答案: