Maison >interface Web >Questions et réponses frontales >A quoi sert le survol en javascript
A quoi sert le survol en javascript
- WBOYoriginal
- 2022-01-05 11:51:205655parcourir
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)".
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)
Call:
$( selector ).hover( handlerIn, handlerOut )
Est équivalent à ce qui suit :
$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );
Remarque : Si une seule fonction est spécifiée, elle s'exécutera sur les événements mouseenter et mouseleave.
Call:
$(selector).hover(handlerInOut)
équivalent à:
$( selector ).on( "mouseenter mouseleave", handlerInOut );
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>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!