logo
Published on

JavaScriptで要素にマウスが乗っているかどうか

Authors

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