dom_dom0500_009

マウスカーソルが要素上に入ったときに発火するイベントはどれですか?

  1. mouseenter
  2. mouseover
  3. mouseout
  4. mouseleave
正解
  1. mouseenter
解説

mouseenterはカーソルが要素に入ったときに一度だけ発火します。mouseoverは子要素に入ったときも発火する点が異なります。

使用例(サンプルコード)

[ javascript ]

const box = document.getElementById("box");
box.addEventListener("mouseenter", () => {
  console.log("カーソルがボックスに入りました");
});