Ajout d'un événement click supplémentaire à chaque élément (JavaScript/jQuery)

Question

Je développe une application tactile qui, en dehors de tout le reste, enregistre la quantité de fois que l'écran est utilisé pour que l'utilisateur puisse se rappeler de nettoyer l'écran après un nombre prédéfini de clics.

J'ai les fonctions de clic écrites joliment, tout ce dont j'ai besoin maintenant est de m'assurer que la fonction est appelée en un clic.

J'imagine que $('*').click(function() { //do something }); accomplirait mon objectif, mais est-ce le meilleur moyen? En outre, cela écraserait-il d'autres fonctions de clic assignées aux éléments?

Answer 1

Il ajouterait, pas l'emporter, mais une meilleure solution serait:

$(document).click(function() { 
    //do something 
}); 

Depuis clics bulle, écouter juste en haut au niveau du document avec un événement au lieu de créer des événements sur tous les éléments en dessous. Pour la partie override ... vous pouvez ajouter autant de handlers que vous voulez, ils vont simplement s'exécuter dans l'ordre où ils étaient liés.

Answer 2

La meilleure méthode consiste à affecter le gestionnaire d'événements à document lui-même. La bulle d'événements et le document peuvent tous les attraper, tout en conservant l'origine de l'événement.