2009-08-11 24 views
107

जावास्क्रिप्ट का उपयोग करके मैं किसी दिए गए स्थान पर तत्व की पहचान कैसे कर सकता हूं? असल में मैं एक ऐसा फ़ंक्शन लिखना चाहता हूं जो दो इनपुट पैरामीटर (एक्स और वाई निर्देशांक) लेता है और पैरामीटर द्वारा प्रतिनिधित्व स्क्रीन पर स्थिति पर HTML तत्व देता है।निर्दिष्ट स्थिति पर तत्व प्राप्त करें - जावास्क्रिप्ट

+0

[elementsFromPoint] (https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint) –

उत्तर

197
+10

यदि तत्व केवल ओवरलैपिंग के मामले में 'document.elementsFromPoint' भी थे)। – Seiyria

+1

मुझे आश्चर्य है कि यह 5.5 यानी काम करता है और आज इसका उपयोग नहीं किया जाता है। –

+0

मैंने इस विधि को आजमाया है और यह दस्तावेज़ के अनुसार स्थिति को मापता है। मैं मूल तत्व के सापेक्ष इसका उपयोग कैसे करूं? – Charas

24

आप देशी जावास्क्रिप्ट elementFromPoint(x, y) विधि का उपयोग कर सकते हैं, कि व्यूपोर्ट में में निर्देशांक x तत्व देता है, वाई।

<html> 
<head> 
<title>elementFromPoint example</title> 

<script type="text/javascript"> 

function changeColor(newColor) 
{ 
elem = document.elementFromPoint(2, 2); 
elem.style.color = newColor; 
} 
</script> 
</head> 

<body> 
<p id="para1">Some text here</p> 
<button onclick="changeColor('blue');">blue</button> 
<button onclick="changeColor('red');">red</button> 
</body> 
</html> 

आप setInterval() उपयोग कर सकते हैं लगातार तत्व का मंडराना घटना की जांच करने के लेकिन यह सिफारिश नहीं कर रहा है, .hover(...) और सीएसएस का उपयोग करने के बजाय बढ़ाने के लिए प्रयास करें:

elementFromPoint w3c draft

और, एक कोड नमूना देखें आवेदन प्रदर्शन।

संबंधित मुद्दे