JavaScript를 사용하여 클릭 한 요소를 모두 추적하십시오.

Question

HTML 페이지에서 클릭 한 모든 요소를 ​​추적하고자합니다. 요소가 클릭 된 정확한 참조 방법이 필요합니다 (나중에 동일한 HTML 페이지에서 클릭을 재생할 수있게됩니다).

클릭 한 요소를 참조하는 좋은 방법이 있습니까?

페이지의 모든 단일 요소에 고유 한 ID 및 클래스 이름을 추가 할 수 있습니다. 그러나 나는 nother way가 있어야한다고 생각한다?

클릭 수를 재생할 HTML 페이지는 동일합니다.

이 라이트

뭔가

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과 색인을 포함합니다. 각 요소에 ID를 추가 http://jsfiddle.net/doktormolle/z2wds/

Answer 2

this related question. 즉, 장소에 ID를 추가하지 않고 클릭 한 요소를 확인하는 좋은 방법은 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