Trigger mouseenter and mouseleave while dragging in Angular

Question

Does anyone know a proper way to trigger mouseenter and mouseleave events while dragging in the Angular framework? I've looked through the docs and haven't found anything.

I've tried different aproaches that didn't work.

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

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

etc.

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

}

score 0 · Accepted Answer · answered May 17 '19 at 12:42

Seems that this worked for me:

The ondragenter event occurs when a draggable element or text selection enters a valid drop target. ( https://www.w3schools.com/jsref/event_ondragenter.asp )
The ondragleave event occurs when a draggable element or text selection leaves a valid drop target. ( https://www.w3schools.com/jsref/event_ondragleave.asp )

Trigger mouseenter and mouseleave while dragging in Angular

1 Answers1