RASTREO de TODOS los elementos cliqueados mediante JavaScript

Question

Deseo realizar un seguimiento de TODOS los elementos en los que se hace clic en una página HTML. Necesito una buena manera de hacer referencia exactamente a qué elemento se hizo clic (para poder reproducir los clics en una página HTML idéntica por separado más adelante).

¿Hay alguna manera de hacer referencia al elemento al que se hizo clic?

Podría agregar identificaciones únicas y nombres de clase a cada elemento de la página. Pero me imagino que debe haber otra forma.

La página HTML en la que reproduciré los clics será idéntica.

Algo Lite presente (pero el elemento más información exacta wich era, tal vez eso es posible recoger) ...

Código de rastrear elemento wich que se hizo clic Código

var arrayWithElements = new Array(); 

document.onclick = clickListener; 

function clickListener(e) { 
    var clickedElement; 
    if(e == null) { 
     clickedElement = event.srcElement; 
    } else { 
     clickedElement = e.target; 
    } 
    arrayWithElements.push(clickedElement) 
    alert(arrayWithElements); 
} 

que será utilizado en una página HTML idéntica

document.someHowGetTheElement().onclick(); 

Answer 1

supongo que busca algo como esto:

---

var arrayWithElements = new Array(); 

function clickListener(e) 
{ 
    var clickedElement=(window.event) 
         ? window.event.srcElement 
         : e.target, 
     tags=document.getElementsByTagName(clickedElement.tagName); 

    for(var i=0;i<tags.length;++i) 
    { 
     if(tags[i]==clickedElement) 
     { 
     arrayWithElements.push({tag:clickedElement.tagName,index:i}); 
     console.log(arrayWithElements); 
     }  
    } 
} 

document.onclick = clickListener; 

---

Se almacenará en cada clic en un objeto que contiene el tagName del elemento y el índice. por lo que puede acceder a este elemento en otro "ejemplo" de este documento mediante

document.getElementsByTagName(item.tag)[item.index] 

(donde elemento es un elemento de arrayWithElements)

Demostración: http://jsfiddle.net/doktormolle/z2wds/

Answer 2

puede utilizar this related question. En otras palabras, una buena manera de saber en qué elemento se hizo clic sin agregar IDs por todos lados es usar el método .cssSelectorAsString() de jquery. Por ejemplo:

function clickListener(e) { 
    var clickedElement; 
    if(e == null) { 
     clickedElement = event.srcElement; 
    } else { 
     clickedElement = e.target; 
    } 
    arrayWithElements.push($(clickedElement).cssSelectorAsString()); // <==== 
    alert(arrayWithElements); 
}  

Ver también: Get unique selector of element in Jquery