マウスポインタが <p> 要素から放れた時に、背景色を灰色に設定する：
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Try it Yourself »
mouseleave イベントは、選択した要素からマウスポインタが放れるときに発生します。
mouseleave() メソッドは、mouseleave イベントをトリガするか、mouseleave が発生するときに実行する関数を接続します。
注:mouseout イベントとは異なり、 選択した要素からマウスポインタが放れた時にのみ mouseleave イベントがトリガされます。 mouseout イベントは、選択した要素のみならず子要素からマウスポインタが放れた時にもトリガされます。 ページの下にあるデモを参照してください。
チップ: このメソッドは、多くの場合、 mouseenter メソッドと一緒に使用されます。
選択した要素の mouseleave イベントをトリガする：
$(selector).mouseleave()
Try it
mouseleave イベントに関数を接続する：
$(selector).mouseleave(function)
Try it
| パラメータ | 説明 |
|---|---|
| function | 任意。mouseleave イベントがトリガされた時に実行する関数を指定する |
mouseleave() と mouseout() の相違点
mouseleave() と mouseout() の相違点のデモ。