（拖动）事件无法正常工作

Question

我正在使用Angular的默认(drag)来处理文件的删除。

当用户拖动矩形时，我正在尝试添加一个类。但是这个课程一遍又一遍地被添加和删除。我做错了什么？

例如：

这是我的代码：

<div class="upload-container" 
     [class.isDraggingOver]="isDraggingOver"
     (drop)="onDrop($event, dropData); isDraggingOver = false"
     (dragover)="isDraggingOver = true; allowDrop($event)"
     (dragenter)="isDraggingOver = true"
     (dragleave)="isDraggingOver = false">
    Stuff in here...
</div>

onDrop(event, data) {
    event.preventDefault();
    event.stopPropagation();

    // ...
}

allowDrop(event) {
    event.preventDefault();
    event.stopPropagation();
}

我只是想在悬停处于活动状态时添加类isDraggingOver，而在没有时将其删除。在我徘徊的时候，我不知道为什么它来回晃动。

Answer 1

我遇到了同样的问题。我找到的解决方案，以及我目前看到的所有示例中使用的解决方案，都不是使用dragenter事件，而只使用dragover事件。我仍然不确定为什么它不能用于那个事件，即使使用另一个似乎是错误的，这就是我可以使它工作的方式。