掉落事件不起作用 angular 2

drop event not working angular 2

我在 angular 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) 事件中放入了不存在的函数并且 angular 没有给出错误。

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

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

将此添加到您的 dragover 和 dragend

return 错误;

@他已经按照你说的做了