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