jQuery mouseenter()メソッド
例
マウスポインタが<p>要素に入るとき、背景色を黄色に設定します。
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
定義と使用法
mouseenterイベントは、マウスポインターが選択された要素の上にある(入る)ときに発生します。
mouseenter()メソッドは、mouseenterイベントをトリガーするか、mouseenterイベントが発生したときに実行する関数をアタッチします。
注:mouseoverイベントとは異なり、mouseenterイベントは、マウスポインターが選択された要素に入ったときにのみトリガーされます。マウスポインタが子要素にも入ると、mouseoverイベントがトリガーされます。デモについては、ページの最後にある例を参照してください。
ヒント:このイベントは、 mouseleaveイベントと一緒に使用されることがよくあります。
構文
選択した要素に対してmouseenterイベントをトリガーします。
$(selector).mouseenter()
mouseenterイベントに関数をアタッチします。
$(selector).mouseenter(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseenter event is triggered |
自分で試してみてください-例
の違いmouseenter()、mouseover()、mousemove()の違いを示します。