Comment dissocier l'événement lié dans jQuery

jQuery est une bibliothèque JavaScript très populaire qui est largement utilisée dans le développement Web en raison de son API riche et de ses sélecteurs puissants. Dans jQuery, nous pouvons utiliser la méthode on() pour lier des événements, mais que devons-nous faire lorsque nous devons dissocier un événement ?

Dissocier un seul événement

Dans jQuery, nous pouvons utiliser la méthode off() pour dissocier un ou plusieurs événements.

Supposons que nous ayons lié un événement click via la méthode on() :

$('button').on('click', function(){
    alert('Hello World!');
});

Pour dissocier cet événement, nous pouvons utiliser la méthode off() sur l'élément :

$('button').off('click');

De cette façon, vous pouvez dissocier l'événement click Certainement.

Dissocier plusieurs événements

Si nous avons lié plusieurs événements et que nous souhaitons les dissocier tous en même temps, nous pouvons transmettre plusieurs noms d'événements dans la méthode off(), séparés par des espaces.

Par exemple, supposons que nous ayons lié les événements click et mouseenter via la méthode on() :

$('button').on('click mouseenter', function(){
    alert('Hello World!');
});

Pour dissocier ces deux événements, vous pouvez écrire comme ceci :

$('button').off('click mouseenter');

Dissocier le gestionnaire d'événements spécifique

Si nous avons lié plusieurs gestionnaires pour le même événement et que vous souhaitez dissocier l'un des gestionnaires, nous pouvons passer deux paramètres à la méthode off() : le nom de l'événement et le gestionnaire à dissocier.

Par exemple, supposons que nous ayons lié l'événement click via la méthode on() et créé deux gestionnaires d'événements click :

function clickHandler1() {
    alert('Hello World1!');
}

function clickHandler2() {
    alert('Hello World2!');
}

$('button').on('click', clickHandler1);
$('button').on('click', clickHandler2);

Si nous voulons dissocier le premier gestionnaire, nous pouvons faire ceci :

$('button').off('click', clickHandler1);

Cela dissociera uniquement le fonction du premier gestionnaire sans affecter les autres fonctions du gestionnaire.

Dissocier tous les événements

Enfin, si nous voulons dissocier tous les événements en même temps, nous pouvons procéder comme ceci :

$('button').off();

Mais il convient de noter qu'en plus de dissocier l'événement, cette méthode dissociera également l'événement à en même temps. Toutes les fonctions de gestion des données et des événements associées sont spécifiées, elles doivent donc être utilisées avec prudence.

Résumé

Qu'il s'agisse de dissocier un seul événement ou de dissocier plusieurs événements, la méthode off() de jQuery peut parfaitement faire le travail. Si vous souhaitez annuler un gestionnaire d'événements spécifique, vous devez spécifier le gestionnaire que vous souhaitez annuler dans la méthode off().

Pendant le processus de développement, nous devons utiliser ces méthodes avec flexibilité pour obtenir de meilleurs effets de code.

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!