Sometimes you need programmatic way to determine whether the mouse cursor is hovering above a DOM element. Instead of using onmouseover
or onmouseleave
this lib uses geometry to determine this.
It's a rudimentary implementation since it only works on rectangular DOM elements.
https://wle8300.github.io/is-inside-dom-element
npm install --save is-inside-dom-element
//calling
import isInside from 'is-inside-dom-element'
//usage
document.addEventListener('mousemove', (event) => {
const element = document.getElementById('some-id')
console.log(isInside(event.x, event.y, element))
})
MIT © wle8300