jQuery mouseout() メソッド

jQuery イベント

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

マウスカーソルが特定の要素またはその子要素のいずれかから外れたときにmouseoutイベントが発生します。

mouseoutとmouseleaveイベントは同じですが、それらは異なります：

• mouseout-マウスカーソルが特定の要素またはその子要素のいずれかから外れたときに呼び出されます

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

mouseout()メソッドは通常mouseover()メソッドを一緒に使用する。

语法：

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

$(selector).mouseout()

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

$(selector).mouseout(function)

インスタンス

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

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

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

引数の値

jQuery イベント