プログラミング

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です