在Angular中拖动时触发mouseenter和mouseleave

Question

有人知道在拖动Angular框架时触发mouseenter和mouseleave事件的正确方法吗？ 我浏览了文档，却没有发现任何东西。

我尝试了各种无效的方法。

https://stackoverflow.com/a/40041496/3264998

https://stackoverflow.com/a/12270694/3264998

等

1

<div>(mouseover)="mouseEnter($event)" (mouseout)="mouseLeave($event)"</div>

<div>(mouseenter)="mouseEnter($event)" (mouseleave)="mouseLeave($event)"</div>


mouseEnter(event) {
        console.log("mouse enter" + event);
    }

mouseLeave(event) {
    console.log("mouse leave" + event);

}

Answer 1

这似乎对我有用：

1. 当可拖动的元素或文本选择输入有效的放置目标时，将发生ondragenter事件。 （https://www.w3schools.com/jsref/event_ondragenter.asp）
2. ondragleave事件在可拖动元素或文本选择离开有效放置目标时发生。 （https://www.w3schools.com/jsref/event_ondragleave.asp）