JavaScriptで要素にマウスが乗っているかどうか判定する方法についてメモです。
document.querySelectorで要素を取得し、addEventListenerのmouseout/mouseoverイベントなどを以下のように使用します。
#main
要素にマウスカーソルが乗ったり外れたりするごとにログ出力します。
document.querySelector('#main').addEventListener("mouseout", function(){console.log('out')});
document.querySelector('#main').addEventListener("mouseover", function(){console.log('over')});