jquery annule l'écoute des événements de défilement

Lorsque nous développons des applications Web, nous devons souvent surveiller le comportement de défilement de l'utilisateur sur la page. À l'heure actuelle, nous pouvons utiliser l'événement scroll fourni par jQuery pour surveiller l'opération de défilement de l'utilisateur. Cependant, dans certains cas, nous devons annuler la surveillance des événements de défilement, ce qui nécessite d'utiliser certaines API fournies par jQuery pour y parvenir.

Ensuite, nous présenterons en détail comment utiliser jQuery pour annuler la surveillance des événements de défilement.

1. Méthodes fournies par jQuery pour annuler la surveillance des événements de défilement

jQuery propose trois méthodes pour annuler la surveillance des événements de défilement, ce sont : off(), unbind() et unbindAll().

(1) méthode off()

off() est utilisée pour annuler tous les écouteurs d'événements liés aux éléments DOM. La syntaxe est la suivante :

$(selector).off(event,[selector],[function])

Parmi eux, selector représente le sélecteur de l'élément DOM à annuler, event représente le nom de l'événement à annuler et function représente la fonction de traitement d'événement à annuler.

Si seul l'événement est spécifié, tous les écouteurs de l'événement lié au sélecteur seront annulés. Si l'événement et la fonction sont spécifiés, seul l'écouteur spécifié sera annulé.

(2) Méthode unbind()

La méthode unbind() est également utilisée pour dissocier les écouteurs d'événements sur les éléments DOM. Sa syntaxe est similaire à la méthode off(), comme indiqué ci-dessous :

$(selector).unbind(event,[function])

Parmi eux, selector représente le sélecteur de l'élément DOM à annuler, event représente le nom de l'événement à annuler et function représente l'événement à annuler.

La différence entre cette méthode et la méthode off() est que la méthode unbind() annulera uniquement l'écouteur de la fonction de gestionnaire spécifiée de l'événement spécifié lié à l'élément sélecteur.

(3) Méthode unbindAll()

La méthode unbindAll() est une méthode spécialement fournie par jQuery pour annuler tous les écouteurs d'événements liés. La syntaxe est la suivante :

$(selector).unbind()

Cette méthode annulera tous les écouteurs d'événements liés sur l'élément sélecteur.

2. Comment utiliser jQuery pour annuler la surveillance des événements de défilement

Ensuite, nous prenons la méthode off() comme exemple pour présenter comment utiliser jQuery Utilisez un écouteur pour l'événement d'annulation de défilement.

Par exemple, le code suivant est un code qui surveille le défilement des pages :

$(window).scroll(function(){
    console.log("scroll!");
});

Ce code affichera un message d'invite de défilement ! lorsque la fenêtre défile.

Si vous souhaitez annuler cet écouteur, il vous suffit d'ajouter la méthode off() au code, comme indiqué ci-dessous :

$(window).off("scroll");

Cette ligne de code annulera tout liaisons Écouteur pour l'événement scroll sur l'élément window.

Si vous souhaitez annuler un seul des auditeurs, vous devez spécifier l'événement et la fonction en même temps, comme indiqué ci-dessous :

$(window).off("scroll",function(){
    console.log("scroll!");
});

Cette ligne de code ne fera que dissocier l'élément window. Un écouteur pour l'événement scroll dont la fonction de gestionnaire est console.log("scroll!").

3. Summary

Voici les méthodes et étapes à suivre pour utiliser jQuery pour annuler la surveillance des événements de défilement. Ce à quoi vous devez faire attention. est :

Vous pouvez utiliser les méthodes off(), unbind() et unbindAll() pour annuler les écouteurs d'événements ;
• off() peut annuler tous les événements ; les auditeurs, ou simplement Annuler l'événement spécifié, ou vous pouvez uniquement annuler l'écouteur spécifié de l'événement spécifié ;
• unbind() ne peut annuler que l'écouteur spécifié de l'événement spécifié ;
• # ; 🎜🎜La méthode #unbindAll() est spécialisée. Utilisée pour annuler tous les écouteurs d'événements ;
• Vous pouvez choisir la méthode à utiliser pour annuler les écouteurs d'événements en fonction des besoins réels.

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!