マウスカーソルが要素上に入ったときに発火するイベントはどれですか?
- mouseenter
- mouseover
- mouseout
- mouseleave
正解
- mouseenter
解説
mouseenterはカーソルが要素に入ったときに一度だけ発火します。mouseoverは子要素に入ったときも発火する点が異なります。
使用例(サンプルコード)
[ javascript ]
const box = document.getElementById("box");
box.addEventListener("mouseenter", () => {
console.log("カーソルがボックスに入りました");
});