jQuery mouseout()メソッド
例
マウスポインタが<p>要素を離れるときに、背景色を灰色に設定します。
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
定義と使用法
mouseoutイベントは、マウスポインタが選択した要素を離れたときに発生します。
mouseout()メソッドは、mouseoutイベントをトリガーするか、mouseoutイベントが発生したときに実行する関数をアタッチします。
注: mouseleaveイベントとは異なり、mouseoutイベントは、マウスポインターが、選択された要素だけでなく子要素も離れた場合にトリガーされます。mouseleaveイベントは、マウスポインタが選択した要素を離れたときにのみトリガーされます。デモについては、ページの最後にある例を参照してください。
ヒント:このイベントは、多くの場合、 マウスオーバーイベントと一緒に使用されます。
構文
選択した要素のmouseoutイベントをトリガーします。
$(selector).mouseout()
mouseoutイベントに関数をアタッチします。
$(selector).mouseout(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseout event is triggered |
自分で試してみてください-例
の違いmouseout()とmouseleave()の違いを示します。