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

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

例

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

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

自分で試してみる

定義と使用法

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

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

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

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

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

mouseleaveイベントをトリガーする

構文

$(selector).mouseleave()

自分で試してみる

関数をmouseleaveイベントにバインドする

構文

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

自分で試してみる

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