jQuery mouseleave() メソッド

jQueryのイベント

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

マウスカーソルがある要素から外れたときにmouseleaveイベントが発生します。

mouseleaveとmouseoutイベントは同じですが、以下の通りです：

• mouseleave-マウスカーソルをある要素から外れたときに呼び出されます

• mouseout-マウスカーソルをある要素またはその子要素のいずれかから外れたときに呼び出されます（以下の例を参照してください）

mouseleave()メソッドは、mouseenter()メソッドを一緒に使用。

構文：

選定された要素のmouseleaveイベントをトリガーする：

$(selector).mouseleave()

関数をmouseleaveイベントに追加する：

$(selector).mouseleave(function)

インスタンス

mouseenterおよびmouseleaveイベントがトリガーされたときに背景色を変更する：

$("p").mouseenter(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
　　$(this).css("background-color", "lightblue");
});

この例ではmouseleaveとmouseoutの違いを示します：

引数の値

jQueryのイベント