Отслеживать ВСЕ элементы с помощью JavaScript

Question

Я хочу отслеживать ВСЕ элементы, которые нажаты на HTML-страницу. Мне нужен хороший способ ссылки, на который был щелкнут элемент (так что я смогу повторить клики на одинаковой отдельной HTML-странице позже).

Есть ли способ ссылки на элемент, который был нажат?

Я могу добавить уникальные идентификаторы и имена классов для каждого элемента на странице. Но я считаю, что должен быть еще один путь?

HTML-страница, в которой я буду воспроизводить клики, будет идентичной.

Что-то облегченное этом (но более точной информация Wich элемента это было, может быть, можно собрать) ...

кода для отслеживания Wich элемента, который был щелкнул

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); 
} 

кодекса, будет использоваться на одинаковой HTML-странице

document.someHowGetTheElement().onclick(); 

Answer 1

Я думаю, вы ищете что-то вроде этого:

---

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; 

---

Он будет хранить на каждый клик объект, содержит tagName элемента и индекс. Таким образом, вы можете получить доступ к этому элементу в другом «экземпляр» этого документа с помощью

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

(где пункт является пункт arrayWithElements)

Демо: http://jsfiddle.net/doktormolle/z2wds/

Answer 2

Вы можете использовать this related question. Другими словами, хороший способ узнать, какой элемент был нажат без добавления идентификаторов повсюду, заключается в использовании метода jQuery .cssSelectorAsString(). Например:

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

Смотрите также: Get unique selector of element in Jquery