A quoi sert le survol en javascript-Questions et réponses frontales-php.cn

A quoi sert le survol en javascript

WBOY

Libérer： 2022-01-05 11:56:19

original

5580 Les gens l'ont consulté

En JavaScript, la méthode hover() est utilisée pour spécifier la fonction à exécuter lorsque le pointeur de la souris survole l'élément sélectionné. Vous pouvez soit définir la fonction lorsque le pointeur est sur l'élément, soit définir la fonction lorsque le pointeur quitte. La syntaxe est "$(element).hover(inFunction,outFunction)".

A quoi sert le survol en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

À quoi sert le survol en javascript ?

La méthode hover() spécifie deux fonctions à exécuter lorsque le pointeur de la souris survole l'élément sélectionné. La méthode

déclenche les événements mouseenter et mouseleave.

Remarque : si une seule fonction est spécifiée, mouseenter et mouseleave l'exécuteront.

La syntaxe est :

$(selector).hover(inFunction,outFunction)

Copier après la connexion

Call:

$( selector ).hover( handlerIn, handlerOut )

Copier après la connexion

Est équivalent à ce qui suit :

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

Copier après la connexion

Remarque : Si une seule fonction est spécifiée, elle s'exécutera sur les événements mouseenter et mouseleave.

Call:

$(selector).hover(handlerInOut)

Copier après la connexion

équivalent à:

$( selector ).on( "mouseenter mouseleave", handlerInOut );

Copier après la connexion

l'exemple est le suivant:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/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>

Copier après la connexion

output

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!