Überprüfen, ob die Maus über einem Element in JavaScript schwebt

Dies ist ein Memo darüber, wie man in JavaScript feststellt, ob die Maus über einem Element schwebt. Holen Sie sich das Element mit document.querySelector und verwenden Sie die mouseout/mouseover-Ereignisse von addEventListener wie unten gezeigt.

Dies gibt jedes Mal eine Log-Ausgabe aus, wenn der Mauszeiger über das #main-Element schwebt oder es verlässt.

document.querySelector('#main').addEventListener("mouseout", function(){console.log('out')});
document.querySelector('#main').addEventListener("mouseover", function(){console.log('over')});