Maison >interface Web >Questions et réponses frontales >Quelles sont les méthodes d'événements de souris dans jquery ?
Les méthodes d'événement de souris dans jquery sont : 1. Click(), qui peut déclencher un événement de clic gauche ; 2. contextmenu(), qui peut déclencher un événement de clic droit 3. dblclick(), qui peut déclencher un événement de clic droit ; événement de double-clic ; 4. mousedown(), qui peut déclencher l'événement de pression de la souris ; 5. mouseup(), qui peut déclencher l'événement de relâchement de la souris ; 6. mousemove(), qui peut déclencher l'événement de déplacement de la souris ; mouseenter(), qui peut déclencher le déplacement de la souris lors d'événements, etc.
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.
Organisation d'événements de souris JQuery
1. Clic : clic gauche, clic droit
.Click() : clic gauche de la souris
est lié à l'événement JavaScript "click" Un gestionnaire qui déclenche le " événement click" sur l'élément. (Prend en charge les événements des onglets de l'écran tactile)
.contextmenu() : Lorsque la souris clique avec le bouton droit sur le
bouton du menu contextuel, le menu contextuel peut être rejeté.
2. Double-clic
.dblclick() : Déclencheur de double-clic
3. Souris enfoncée, souris relâchée
.mousedown() : Souris enfoncée
.mouseup() : Souris relâchée
4. Mouvement de la souris
.mousemove() : Mouvement de la souris
5. Entrée de la souris, mouvement de la souris vers la sortie
.mouseenter() : Déclenché lorsque la souris se déplace dans un élément.
.mouselevave() : Déclenché lorsque la souris sort d'un élément.
.mouseout() : déclenché lorsque la souris sort d'un élément, et également déclenché lorsque la souris entre et sort de ses éléments enfants.
.mouseover() : déclenché lorsque la souris se déplace dans un élément, et également déclenché lorsque la souris entre et sort de ses éléments enfants.
6. Défilement de la molette de la souris
La bibliothèque Jquery intégrée ne le prend pas en charge. Il existe des bibliothèques d'extension qui prennent en charge les événements de la molette.
7. Autres événements étendus jquery
.hover() : Liez les deux fonctions d'événement de mouseenter/mouselave à l'élément correspondant, qui sera exécuté lorsque le pointeur de la souris entre et quitte l'élément respectivement. Liez une seule fonction d'événement à l'élément correspondant à exécuter lorsque le pointeur de la souris entre et quitte l'élément.
.toggle() : lie deux gestionnaires ou plus aux éléments correspondants à effectuer sur des clics alternés. Paramètres d'événement de la souris : Obtenez la souris Les coordonnées actuelles par rapport à la page peuvent déterminer la
valeur de coordonnée de l'élément sur la page actuelle, qui est basée sur la page comme point de référence et ne change pas avec le mouvement du curseur
event.target
: Obtenez l'élément qui déclenche l'événementevent .preventDefault() : empêchez le comportement par défaut. a été appelé. event.stopPropagation()
: Empêcher les événements de bouillonner. Pour empêcher les événements de remonter dans l'arborescence DOM sans déclencher les gestionnaires d'événements sur les éléments prédécesseurs. si stopPropagation a été appelé.Événement mouseleave
: événement de départ de la souris
<script> $('p').click(function(){ alret('被点击一次') }) </script>
Événement mousemove
: événement de déplacement de la souris
<script> $('p').mousedown(function(){ alret('鼠标按下一次') }) </script>
mouseout
: événement de déplacement de la souris<script> $('p').mousedown(function(){ alret('鼠标进入一次') }) </script>mouseup Event : L'événement lorsque le bouton gauche est relâché après avoir appuyé sur la souris
<script> $('p').mousedown(function(){ alret('鼠标离开一次') }) </script>
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!