ホバーはjQueryイベントですか?-フロントエンドQ&A-php.cn

ホバーはjQueryイベントですか?

WBOY

リリース： 2022-04-15 10:34:41

オリジナル

2438 人が閲覧しました

Hover は、jquery のマウスイベントです。 hover() メソッドは、マウスポインタが選択された要素上にあるときに実行される 2 つの関数を指定します。最初のパラメータは、マウスポインタが要素を通過するときの関数を指定し、2 番目のパラメータは、マウスポインタが要素から離れるときの関数を指定します。 . 関数、構文は「element object.hover(function, function)」です。

ホバーはjQueryイベントですか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

ホバーは jquery イベントですか?

ホバーは jquery のマウスイベントです

さまざまな訪問者に対するページの応答はイベントと呼ばれます。

イベントハンドラーは、HTML で特定のイベントが発生したときに呼び出されるメソッドを指します。

hover() メソッドは、マウスポインターが選択された要素上にあるときに実行される 2 つの関数を指定します。

メソッドは、mouseenterイベントとmouseleaveイベントをトリガーします。

mouseleave イベントは、マウスポインターが選択された要素から離れると発生します。
mouseenter イベントは、マウスポインターが選択された要素を通過 (進入) したときに発生します。

構文は次のとおりです:

$(selector).hover(inFunction,outFunction)

ログイン後にコピー

inFunction 必須。 MouseEnterイベントが発生したときに実行する関数を指定します。

outFunction オプション。 Mouseleave イベントが発生したときに実行する関数を指定します。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").css("background-color","yellow");
    },function(){
    $("p").css("background-color","pink");
  });
});
</script>
</head>
<body>
<p>鼠标移动到该段落。</p>
</body>
</html>

ログイン後にコピー

出力結果:

ホバーはjQueryイベントですか?