जावास्क्रिप्ट

Question

का उपयोग कर सभी क्लिक किए गए तत्वों को ट्रैक करें मैं HTML-पृष्ठ पर क्लिक किए गए सभी तत्वों को ट्रैक करना चाहता हूं। मुझे संदर्भित करने के लिए एक अच्छा तरीका चाहिए कि वास्तव में किस तत्व पर क्लिक किया गया था (इसलिए मैं बाद में एक समान अलग 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); 
} 

कोड ट्रैक करने के लिए (लेकिन अधिक सटीक जानकारी जो तत्व यह था, हो सकता है कि इकट्ठा करने के लिए संभव है) कि एक समान एचटीएमएल-पृष्ठ पर उपयोग किया जाएगा

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; 

---

यह हर पर स्टोर करेगा एक वस्तु पर क्लिक करें कि तत्व और अनुक्रमणिका का टैग नाम शामिल है। प्रत्येक तत्व को आईडी जोड़ना http://jsfiddle.net/doktormolle/z2wds/

Answer 2

आप 012 का उपयोग कर सकते। दूसरे शब्दों में, यह जानने का एक अच्छा तरीका है कि कौन सी तत्व को जगह पर आईडी जोड़ने के बिना क्लिक किया गया था, jquery's .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