Meilleur moyen de supprimer un gestionnaire d'événement dans jQuery ?

Question

Tengo un input type="image" . Cela fonctionne comme les notes de cellule dans Microsoft Excel. Si quelqu'un entre un nombre dans la zone de texte que ce input-image est jumelé, je configure un gestionnaire d'événements pour l'événement input-image . Ensuite, lorsque l'utilisateur clique sur le bouton image ils obtiennent un petit popup pour ajouter quelques notes aux données.

Mon problème est que lorsqu'un utilisateur saisit un zéro dans la zone de texte, je dois désactiver la fonction input-image du gestionnaire d'événements. J'ai essayé ce qui suit, mais sans succès.

$('#myimage').click(function { return false; });

Answer 1

JQuery ≥ 1.7

À partir de la version 1.7 de jQuery, l'API des événements a été mise à jour, .bind() / .unbind() sont toujours disponibles pour des raisons de rétrocompatibilité, mais la méthode préférée est l'utilisation de la fonction on() / off() fonctions. Le dessous serait maintenant,

$('#myimage').click(function() { return false; }); // Adds another click event
$('#myimage').off('click');
$('#myimage').on('click.mynamespace', function() { /* Do stuff */ });
$('#myimage').off('click.mynamespace');

---

jQuery < 1.7

Dans votre exemple de code, vous ajoutez simplement un autre événement de clic à l'image, sans remplacer le précédent :

$('#myimage').click(function() { return false; }); // Adds another click event

Les deux événements de clic seront alors déclenchés.

Comme d'autres l'ont dit, vous pouvez utiliser unbind pour supprimer tous les événements de clic :

$('#myimage').unbind('click');

Si vous voulez ajouter un seul événement puis le supprimer (sans supprimer les autres qui auraient pu être ajoutés), vous pouvez utiliser l'espacement des noms des événements :

$('#myimage').bind('click.mynamespace', function() { /* Do stuff */ });

et de supprimer uniquement votre événement :

$('#myimage').unbind('click.mynamespace');

Answer 2

Cette fonction n'était pas disponible au moment de la réponse à cette question, mais vous pouvez également utiliser la fonction live() pour activer/désactiver les événements.

$('#myimage:not(.disabled)').live('click', myclickevent);

$('#mydisablebutton').click( function () { $('#myimage').addClass('disabled'); });

Ce qui se passe avec ce code, c'est que lorsque vous cliquez sur #mydisablebutton, il ajoute la classe disabled à l'élément #myimage. Ainsi, le sélecteur ne correspondra plus à l'élément et l'événement ne sera pas déclenché tant que la classe "disabled" ne sera pas supprimée, rendant le sélecteur .live() à nouveau valide.

Cela présente d'autres avantages en ajoutant également un style basé sur cette classe.

Answer 3

Cela peut être fait en utilisant la fonction unbind.

$('#myimage').unbind('click');

Vous pouvez ajouter plusieurs gestionnaires d'événements au même objet et au même événement dans jquery. Cela signifie que l'ajout d'un nouveau gestionnaire ne remplace pas les anciens.

Il existe plusieurs stratégies pour modifier les gestionnaires d'événements, comme les espaces de noms d'événements. Il y a quelques pages à ce sujet dans la documentation en ligne.

Regardez cette question (c'est ainsi que j'ai appris l'existence de unbind). Il y a une description utile de ces stratégies dans les réponses.

Comment lire les fonctions de rappel de survol liées dans jquery ?

Answer 4

Si vous voulez répondre à un événement juste une fois la syntaxe suivante devrait être très utile :

 $('.myLink').bind('click', function() {
   //do some things

   $(this).unbind('click', arguments.callee); //unbind *just this handler*
 });

Utilisation de arguments.demandeur nous pouvons nous assurer que le gestionnaire de la fonction anonyme spécifique est supprimé, et ainsi avoir un seul gestionnaire de temps pour un événement donné. J'espère que cela aidera d'autres personnes.

Answer 5

Peut-être que la méthode de déliaison fonctionnera pour vous

$("#myimage").unbind("click");