在 Angular 中拖动时触发 mouseenter 和 mouseleave答案

【问题标题】：Trigger mouseenter and mouseleave while dragging in Angular在 Angular 中拖动时触发 mouseenter 和 mouseleave
【发布时间】：2019-10-04 17:46:12
【问题描述】：

有谁知道在 Angular 框架中拖动时触发 mouseenter 和 mouseleave 事件的正确方法？我浏览了文档并没有找到任何东西。

我尝试了不同的方法，但都不起作用。

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

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

等等

<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);

}

【问题讨论】：

你试过什么？请分享您的代码。

标签： angular typescript

【解决方案1】：

似乎这对我有用：

ondragenter 事件在可拖动元素或文本选择进入有效放置目标时发生。 (https://www.w3schools.com/jsref/event_ondragenter.asp)
ondragleave 事件在可拖动元素或文本选择离开有效放置目标时发生。 (https://www.w3schools.com/jsref/event_ondragleave.asp)

【讨论】：