Discussion :

[Jean rené]

Bonjour,
Grand débutant sur le logiciel Animate cc, je me lance sur les bases rudimentaires du JS. Je souhaite supprimer un écouteur "click" avec removeEventListener mais ma façon de m'y prendre ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
this.monBouton.addEventListener("click", maFonction.bind(this)); 
function maFonction()
{
this.monClip.play();
this.monBouton.removeEventListener("click", maFonction.bind(this));
}

J'ai également essayé de l’insérer dans un autre bouton mais le résultat est identique.
Un grand merci pour toute aide.

[Doksuri]

salut, je sais que je ne vais pas repondre directement a ta question, mais si tu fais : ajoutEvent -> fonction -> suppressionEvent
pourquoi ne pas juste rajouter l'option once a ton event, ca evitera la suppression inutile

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

this.monBouton.addEventListener("click", maFonction.bind(this), {once:true});

[Jean rené]

Bonjour,
Un grand merci pour la réponse.
Il me semble que l'on ne peux pas supprimer facilement lorsque bind(this) est présent. Etant grand débutant, je ne sais pas pourquoi mon écouteur ne marche pas pas ce bind.
Cela ne marche donc pas avec {once:true} et c'est bien dommage: c'est ce que je recherchais. Merci tout de même. Une autre suggestion ?

[Loralina]

Bonjour,
Quelques conseils :

1) Analyser le problème en faisant plein d'affichages avec console.log ou alert.
Exemple :
alert(maFonction.bind(this)===maFonction.bind(this)) affiche "false".
La fonction maFonction.bind(this) dans le removeEventListener ne se réfère donc pas à la même fonction que celle du addEventListener, d'où l'erreur.

2) Faire des recherches à partir des mots clés.
Par exemple, si on tape "addEventListener removeEventListener bind(this)" sur un moteur de recherche, on a tout de suite des réponses à la problématique.
Une solution est bien sûr d'affecter le retour du premier maFonction.bind(this) dans une variable/propriété qu'on réutilise dans le removeEventListener.

3)

Cela ne marche donc pas avec {once:true} et c'est bien dommage: c'est ce que je recherchais. Merci tout de même. Une autre suggestion ?

Au minimum, faire preuve de prudence, d'autant plus quand le profil de la personne qui a répondu laisse penser qu'elle s'y connaît.
Donc plutôt dire : "Je n'arrive pas à le faire fonctionner. Est-ce que je m'y prends mal ou alors y a-t-il une autre solution ?".
La solution de Doksuri devrait fonctionner (mais pas sur Internet Explorer).

4) Fournir un code minimaliste prêt à être testé.
Cela incite davantage les gens à tester, tout en leur faisant gagner du temps.
Exemple (sans correctif) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<input id="test" type="button" value="Valider">
<script>
this.monBouton=document.getElementById("test");
this.monBouton.addEventListener("click", maFonction.bind(this)); 
function maFonction()
{
alert("ici");
this.monBouton.removeEventListener("click", maFonction.bind(this));
}
</script>