掉落事件不工作角2

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