Discussion :

[exe2bin]

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

Code :

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

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 ?

[Beginner.]

Salut,

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

Code javascript :

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

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...
}

[exe2bin]

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 :

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

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.

[Beginner.]

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...

[psychadelic]

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

Code :

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

pointer-events: none;

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

Code CSS :

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

1
2
3
4
.nonActif {
	pointer-events: none;
	cursor: default;
}

coté JS

Code :

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

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

[Beginner.]

Ah la solution CSS, je ne connaissais pas merci.