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