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énement

• La différence entre this
et

event.target

 :
• Les événements en js bouillonneront, donc cela peut changer, mais event.target ne changera pas . Ce sera toujours l'élément DOM cible qui acceptera directement l'événement ; 　　This et event.target sont tous deux des objets DOM, qui peuvent être convertis en objets jquery : $(this) et $(event.target)
. event.which

 : Obtenez les positions gauche, médiane et médiane de la souris dans l'événement de clic de souris. Touche droite (touche gauche 1, touche centrale 2, touche droite 3), la valeur du code clé du clavier dans l'événement clavier

• event.currentTarget : obtenez l'objet DOM de l'événement déclencheur actuel avant le bouillonnement, ce qui est équivalent à ceci

event .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>

Événement 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>

[Apprentissage recommandé :
• Tutoriel vidéo javascript]

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!