掉落事件不起作用 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()
来通知浏览器当前悬停的元素是一个有效的放置目标。
将此添加到您的 dragover 和 dragend
return 错误;
@他已经按照你说的做了
我在 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()
来通知浏览器当前悬停的元素是一个有效的放置目标。
将此添加到您的 dragover 和 dragend
return 错误;
@他已经按照你说的做了