जावास्क्रिप्ट में:
pageX, pageY, screenX, screenY, clientX, और clientYरिटर्न एक नंबर जो भौतिक "CSS पिक्सेल" की संख्या बताने वाले एक बिंदु संदर्भ बिंदु से है। घटना बिंदु वह स्थान है जहां उपयोगकर्ता ने क्लिक किया, संदर्भ बिंदु ऊपरी बाएँ में एक बिंदु है। ये गुण उस संदर्भ बिंदु से क्षैतिज और ऊर्ध्वाधर दूरी लौटाते हैं।
pageXऔर pageY:
ब्राउज़र में पूरी तरह से प्रदान की गई सामग्री क्षेत्र के शीर्ष बाईं ओर सापेक्ष। यह संदर्भ बिंदु ऊपरी बाईं ओर URL बार और बैक बटन के नीचे है। यह बिंदु ब्राउज़र विंडो में कहीं भी हो सकता है और वास्तव में स्थान बदल सकता है यदि पृष्ठों के भीतर एम्बेडेड स्क्रॉल करने योग्य पृष्ठ हैं और उपयोगकर्ता स्क्रॉलबार ले जाता है।
screenXऔर screenY:
भौतिक स्क्रीन / मॉनिटर के ऊपरी बाएँ के सापेक्ष, यह संदर्भ बिंदु केवल तभी चलता है जब आप मॉनिटर या मॉनिटर रिज़ॉल्यूशन की संख्या बढ़ाते या घटाते हैं।
clientXऔर clientY: ब्राउज़र विंडो
के कंटेंट एरिया ( व्यूपोर्ट ) के ऊपरी बाएं किनारे से संबंधित । यदि उपयोगकर्ता ब्राउज़र के भीतर से कोई स्क्रॉलबार ले जाता है तो भी यह बिंदु आगे नहीं बढ़ता है।
उस दृश्य के लिए जिस पर ब्राउज़र गुण का समर्थन करते हैं:
http://www.quirksmode.org/dom/w3c_cssom.html#t03
w3schools में एक ऑनलाइन जावास्क्रिप्ट दुभाषिया और संपादक हैं ताकि आप देख सकें कि प्रत्येक क्या करता है
http://www.w3schools.com/jsref/tryit.asp?filename=try_dom_event_clientxy
<!DOCTYPE html>
<html>
<head>
<script>
function show_coords(event)
{
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">Click this paragraph,
and an alert box will alert the x and y coordinates
of the mouse pointer.</p>
</body>
</html>
