Activer/désactiver un événement

Bonjour à tous ,
je crée un gestionnaire d'événements pour toutes les <img> d'un document :

Code:

---

1 2	IMGElems[i].onclick = handleClickEvent;

---

J'aimerais pouvoir désactiver ou activer le gestionnaire à volonté .
Existe-t-il une propriété ou une fonction pour réaliser cela ?

Salut,

Je ne sais pas mais tu pourrais utiliser une variable que tu testerais au début de la fonction :

Code:

---

1 2 3 4 5 6

var isActive = true;   function handleClickEvent() { if(!isActive) return; // si n'est pas activé return // le code a exécuter ici... }

---

Pas bête ! c'est d'ailleurs ce que je me propose de faire sauf que ...
J'ai plusieurs images à gérer dans la fonction :

Code:

---

1 2 3 4 5 6

switch(e.target.getAttribute("id")) { case image1: case image2: ......

---

Si je fais comme tu le dis je désactive le gestionnaire pour toutes les images alors que je veux le laisser activer pour qq unes voire une seulement.

Ben je pensais que tu voulais le désactiver pour toutes...

Si c'est seulement certaines et pas d'autres, tu peux utiliser une variable "isActive" pour chaque image...

Puisque de toute façon tu ajoutes un onClick à chaque image comme ça : IMGElems[i].onclick = handleClickEvent;, tu peux aussi ajouter une variable à chacune d'entre elle sous forme d'un attribut data par exemple... Ou plus simple comme ça : IMGElems[i].isActive = true / IMGElems[i].isActive = false...

Ben faut juste coller sur l'élément en question un style css avec

Code:

---

pointer-events: none;

---

et le remettre à auto pour le réactiver
sauf si tu le met dans une classe

Code:

---

1 2 3 4

.nonActif { pointer-events: none; cursor: default; }

---

coté JS

Code:

---

1 2 3

document.getElementById("MyElement").classList.add('nonActif');   document.getElementById("MyElement").classList.remove('nonActif');

---

Ah la solution CSS, je ne connaissais pas merci.

perso je préfère : ça permet de mettre un visuel différent sur l'objet désactivé, comme une bordure de couleur différente, ou lui mettre un filtre opaque...

Oui c'est vrai tu as raison.