Suppression d'un écouteur d'événements anonyme

Vous pourriez enlever l'écouteur d'événement comme ceci:

element.addEventListener("click", function clicked() {
    element.removeEventListener("click", clicked, false);
}, false);

Anonyme lié écouteurs d'événement

la façon la plus simple de supprimer tous les écouteurs d'événements pour un élément est d'attribuer son outerHTML à lui-même. Ce que cela fait est d'envoyer une représentation de chaîne de caractères du HTML par L'intermédiaire de L'analyseur HTML et assigne le HTML analysé à l'élément. Comme aucun JavaScript n'est passé, il n'y aura pas d'écouteurs d'événements liés.

document.getElementById('demo').addEventListener('click', function(){
    alert('Clickrd');
    this.outerHTML = this.outerHTML;
}, false);

<a id="demo" href="javascript:void(0)">Click Me</a>

Anonyme déléguée événement les auditeurs

la seule mise en garde est les écouteurs d'événements délégués, ou les écouteurs d'événements sur un élément parent qui surveillent chaque événement correspondant à un ensemble de critères sur ses enfants. Le seul moyen de passer qui est de modifier l'élément pour ne pas répondre aux critères de l'auditeur délégué d'événement.

document.body.addEventListener('click', function(e){
    if(e.target.id === 'demo') {
        alert('Clickrd');
        e.target.id = 'omed';
    }
}, false);

<a id="demo" href="javascript:void(0)">Click Me</a>

vous pouvez essayer d'écraser element.addEventListener et faire ce que vous voulez.

quelque Chose comme:

var orig = element.addEventListener;

element.addEventListener = function (type, listener) {
    if (/dontwant/.test(listener.toSource())) { // listener has something i dont want
        // do nothing
    } else {
        orig.apply(this, Array.prototype.slice.apply(arguments));
    }
};

ps.: il n'est pas recommandé, mais il fera l'affaire (ne l'ai pas testé)

assigner des gestionnaires d'événements avec des fonctions littérales est délicat - non seulement il n'y a aucun moyen de les enlever, sans cloner le noeud et le remplacer par le clone - vous pouvez également assigner par inadvertance le même gestionnaire plusieurs fois, ce qui ne peut pas se produire si vous utilisez une référence à un gestionnaire. Deux fonctions sont toujours traitées comme deux objets différents, même si elles sont identiques.

même si c'est une vieille question et qu'elle ne mentionne pas jQuery, je posterai ma réponse ici car c'est le premier résultat pour le terme de recherche 'jquery enlever anonyme gestionnaire d'événement'.

vous pouvez essayer de le supprimer en utilisant le unbind fonction.

$('#button1').click(function() {
       alert('This is a test');
});

$('#btnRemoveListener').click(function() {
       $('#button1').unbind('click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button1">Click me</button>
<hr/>
<button id="btnRemoveListener">Remove listener</button>

cependant cela ne fonctionne que si vous avez ajouté l'écouteur en utilisant jQuery-pas .la méthode addEventListener

Trouvé cette ici.

Vieille Question, mais voici une solution.

à proprement parler, vous ne pouvez pas supprimer un écouteur d'événement anonyme à moins de stocker une référence à la fonction. Puisque le but de l'utilisation d'une fonction anonyme n'est probablement pas de créer une nouvelle variable, vous pourriez plutôt stocker la référence dans l'élément lui-même:

element.addEventListener('click',element.fn=function fn() {
    //  Event Code
}, false);

plus tard, quand vous voulez l'enlever, vous pouvez faire ce qui suit:

element.removeEventListener('click',element.fn, false);

Rappelez-vous, le troisième paramètre (false) doit avoir le valeur comme pour ajouter L'écouteur D'événement.

cependant, la question elle-même en soulève une autre: pourquoi?

Il y a deux raisons à utiliser .addEventListener() plutôt que le plus simple .onsomething() méthode:

tout d'Abord, il permet d' plusieurs écouteurs d'événement à ajouter. Cela devient un problème quand il s'agit de les enlever sélectivement: vous finirez probablement par les nommer. Si vous voulez tous les enlever, alors @tidy-giant est outerHTML la solution est excellent.

Deuxièmement, vous avez la possibilité de choisir de capturer plutôt que de la bulle de l'événement.

si aucune des deux raisons n'est importante, vous pouvez bien décider d'utiliser le plus simple onsomething méthode.

Vous pouvez essayer de supprimer tous les auditeurs de cette façon:

allClicks = getEventListeners(element).click
allClicks.forEach(function(el){el.remove()})

ou vous pouvez supprimer (par exemple) que de dernier événement

allClicks = getEventListeners(element).click
allClicks[allClicks.length-1].remove()

ce qui suit a assez bien fonctionné pour moi. Le code gère le cas où un autre événement déclenche la suppression de l'auditeur de l'élément. Aucune déclaration de fonction préalable n'est nécessaire.

myElem.addEventListener("click", myFunc = function() { /*do stuff*/ });

/*things happen*/

myElem.removeEventListener("click", myFunc);

si vous utilisez jQuery, essayez off méthode

$("element").off("event");

Jquery .la méthode off() supprime les gestionnaires d'événements qui étaient attachés avec .sur()