jQuery イベント - mouseout() メソッド

jQuery イベントリファレンスマニュアル

例

要素からマウス指標が離れたときに要素の背景色を変更します：

$("p").mouseout(function(){
  $("p").css("background-color","#E9E9E4");
});

自分で試してみる

定義と使用法

マウス指標が要素から離れたときにmouseoutイベントが発生します。

このイベントは以下と一緒に多く使用されます。 mouseover イベントを一緒に使用します。

mouseout()メソッドはmouseoutイベントをトリガーし、またはmouseoutイベントが発生したときに実行される関数を指定します。

注：mouseleaveイベントとは異なり、マウス指標が選択された要素やその子要素から離れた場合でもmouseoutイベントがトリガーされます。マウス指標が選択された要素から離れた場合のみ、mouseleaveイベントがトリガーされます。以下の例を確認してください。

自分で試してみる：mouseleaveとmouseoutの違い

mouseoutイベントをトリガーします

構文

$(selector).mouseout()

自分で試してみる

関数をmouseoutイベントにバインドします。

構文

$(selector).mouseout(function)
引数 説明
function オプションです。mouseoutイベントが発生したときに実行される関数を指定します。

自分で試してみる

jQuery イベントリファレンスマニュアル