jQuery mouseover() メソッド

jQueryのイベント

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

マウス指標が要素およびその子要素に入力されたときにmouseoverイベントが発生します。

mouseover、mouseenterおよびmousemoveイベントは同じですが、異なります：

• mouseover-マウス指標が要素およびその子要素に入ったときに呼び出されます

• mouseenter-マウス指標が要素に入ったときにのみ呼び出されます

• mousemove-要素にマウス指標を移動したときに呼び出されます（以下の例を参照してください）

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

文法：

選定された要素のマウスオーバーイベントをトリガー：

$(selector).mouseover()

関数をmouseoverイベントに追加：

$(selector).mouseover(function)

例

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

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

この例ではmouseenter、mousemove、mouseoverの違いを示します：

引数の値

jQueryのイベント