Javascript Code 3 Lines to Get Element Under Mouse

Javascript Code to Get the Element that is Currently Under the Mouse Cursor

In the example below you can change the selector from all elements * to whichever elements you wish to restrict the detection of mouseenter events. For example if you only want to get notified when the mouse is over elements with class="example", change the line document.querySelectorAll("*") to document.querySelectorAll(".example").

document.querySelectorAll("*").forEach((el) => { el.addEventListener("mouseenter", function() { let el = document.elementFromPoint(event.clientX, event.clientY); // console.log(el.tagName.toLowerCase()); }); });