déterminer événement chemin dans les DOM remontée d'Événements

Je suis en train d'essayer de trouver le chemin par lequel un événement a barboter. Par exemple , j'ai une marque comme

 <div id="container" onclick="func">
        <div id="div1"></div>
        <div id="div2">
            <div id="div2.1"></div>
            <span id="span2.2"></span>
            <div id="div2.3">
                <button id="btn2.3.1"></button>
            </div>
        </div>
    </div>

Maintenant, si btn2.3.1 internaute a cliqué dessus, j'aimerais bien voir le chemin d'accès complet de l'événement est propagée par le biais de ce qui est btn2.3.1 -> div2.3 -> div2 ->container . Est-il un moyen de le faire avec seulement mettre un gestionnaire sur le contenant ? (Pas de Jquery s'il vous plaît)

J'ai trouvé un événement.tableau chemin.Qui fait ce genre de choses, mais ne pouvais pas trouver beaucoup de détails à ce sujet.Est-il de la croix-navigateur? Quelle est la bonne façon d'atteindre cet objectif ?

"Pas de Jquery s'il vous plaît" ? Alors pourquoi dans le monde est ce tag jquery..?

OriginalL'auteur Abhik | 2014-10-04

  1. 19
    function handleClicks(e) {
    var path = [];
    var node = e.target;
    while(node != document.body) {
       path.push(node);
       node = node.parentNode;
    }
    console.log(path);
}

document.body.addEventListener('click', handleClicks);
    Donc pas d'autre moyen autre que la boucle ??
    Oui, je pense qu'il n'y a pas d'autres même des performances et de la mémoire de frais
    Certains navigateurs (Chrome) prend désormais en charge événement.chemin d'accès de la propriété, qui est l'événement du trajet de propagation,NodeList.
    Quelle serait la meilleure façon d'ajouter ce que un polyfill?
    Cette solution ne fonctionnera pas si les éléments ne sont pas des enfants les uns des autres, mais qui se chevauchent, basée sur le positionnement absolu par exemple.

    OriginalL'auteur Andrei Lesnitsky

  2. 0

    Il y a maintenant un petit projet GitHub /MNP module appelé event-propagation-path qui agit comme un polyfill. Découvrez-le ici:

    événement-propagation-chemin @ GitHub

    événement-propagation-chemin @ NPM

    Il n'est pas vraiment un polyfill...

    OriginalL'auteur zbr