在 Angular 中拖动时触发 mouseenter 和 mouseleave

Posted 2023-05-08

【中文标题】在 Angular 中拖动时触发 mouseenter 和 mouseleave

【英文标题】：Trigger mouseenter and mouseleave while dragging in Angular

【发布时间】：2019-10-04 17:46:12

【问题描述】：

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

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

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

https://***.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);

【问题讨论】：

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

【参考方案1】：

似乎这对我有用：

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