マウスポインタが <p> 要素の上に乗った時に、背景色を黄色に設定する:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Try it Yourself »
mouseover イベントは、選択した要素の上にマウスポインタが乗ったときに発生します。
mouseover() メソッドは、mouseover イベントをトリガするか、mouseover が発生するときに実行する関数を接続します。
注:mouseenter イベントとは異なり、 選択した要素のみならず子要素にもマウスポインタが入った時に mouseover イベントがトリガされます。 mouseenter イベントは、選択した要素へマウスポインタが入った時にのみトリガされます。 ページの下にあるデモを参照してください。
チップ: このメソッドは、多くの場合、 mouseout メソッドと一緒に使用されます。
選択した要素の mouseover イベントをトリガする:
$(selector).mouseover()
Try it
mouseover イベントに関数を接続する:
$(selector).mouseover(function)
Try it
パラメータ | 説明 |
---|---|
function | 任意。mouseover イベントがトリガされた時に実行する関数を指定する |
mouseover()、mouseenter()、mousemove() の相違点
mouseover()、mouseenter()、mousemove() の相違点のデモ。