onmouseoutの読み方

onmouseoutの読み方

javascriptで利用されるイベントハンドラの1つである「onmouseout」の読み方を掲載してます。

読み⽅

オンマウスアウト」と読みます。

onmouseoutとは

javascriptでは、マウスが指定した要素の範囲から離れた際に発火するイベントとなります。

/* html */
<img id="pic" src="sebee1.png" />

/* javascript */
var elm = document.getElementById("pic");
// マウスアウトイベントを設定
elm.onmouseover = function () {
  elm.src = "sebee1.png"; // マウスアウト後に元の画像に戻す
};
// マウスオーバーイベントを設定
elm.onmouseover = function () {
  elm.src = "sebee2.png"; // マウスオーバーで画像を変更する
};

実行結果