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