Bonjour à tous,

J'ai un input avec des listeners sur le .on('click').

Je n'ai pas accès à ces listeners, je sais juste qu'il y en a.

Je souhaite bloquer l'exécution de tous dans certains cas, et les réactiver tous dans d'autres cas.

J'ai essayé e.stopPropagation(), e.stopImmediatePropagation. e.preventDefault() et return false mais sans succès. Pas possible de .off('click') évidemment sinon je les perds tous et comme je l'ai dit plus haut je n'y ai pas accès, je sais juste qu'ils sont présents.

Quelqu'un aurait il une solution à me proposer ?

Merci d'avance pour vos propositions.

Hello

Un disable sur le input?

https://jsfiddle.net/Krogoth/epzafk7n/

-
Edité par Krogoth 18 janvier 2018 à 16:06:03

@Krogoth

C'est un <input type="text"/>, je souhaite qu'il reste éditable, désolé je n'avais pas précisé

Tu peux effectivement utiliser la propagation et les phases de propagations (en natif car jquery ne gère la phase de propagation descendante). 

Par exemple, si tous tes inputs ont un ancêtre commun, tu peux mettre en place un écouteur de click en phase descendante et stopper la propagation. Dans ce cas, le click ne sera pas tansmis aux inputs et donc l'action correspondante ne sera pas exécutée 

ancetre.addEventListener("click",stopperClick,true);

function stopperClick(evt) {
    evt.stopPropagation();
}

Pour  remettre en place la propagation il te suffit de supprimer l'écouteur 

ancetre.removeEventListener("click",stopperClick,true);

Par contre, attention, aucun élément de cette boite ne recevra le click. 

Si tu souhaites que certains puissent le recevoir, tu peux tester les caractéristiques de la cible du lien à l'aide de la propriété evt.target