गुण event.pageX
गुण event.pageX में
X-अक्ष पर माउस कर्सर के निर्देशांक शामिल होते हैं।
निर्देशांक निर्धारित करने के लिए गुण भी हैं
event.clientX,
event.clientY,
event.pageY।
आइए clientX/clientY
और pageX/pageY के बीच के अंतर को देखें।
clientX और clientY कैसे काम करते हैं:
यदि आपके पास 1000 बाय 1000
पिक्सेल की एक विंडो है, और माउस केंद्र में है, तो clientX
और clientY दोनों 500 के बराबर होंगे। यदि
आप उसके बाद कर्सर को हिलाए बिना पृष्ठ को क्षैतिज रूप से
या लंबवत रूप से स्क्रॉल करते हैं, तो मान
clientX और clientY नहीं बदलेंगे, क्योंकि ये विंडो के सापेक्ष गिने जाते हैं,
दस्तावेज़ के सापेक्ष नहीं।
pageX और pageY कैसे काम करते हैं:
यदि आपके पास 1000 बाय 1000
पिक्सेल की एक विंडो है, और कर्सर केंद्र में है, तो
pageX और pageY 500 के बराबर होंगे। यदि
आप उसके बाद पृष्ठ को 250
पिक्सेल नीचे स्क्रॉल करते हैं, तो pageY 750 के बराबर हो जाएगा।
इस प्रकार pageX और pageY में निर्देशांक शामिल होते हैं
स्क्रॉल को ध्यान में रखते हुए घटना के।
वाक्य रचना
event.pageX;
उदाहरण
पृष्ठ पर माउस घुमाते समय, हम उसके निर्देशांक प्रदर्शित करेंगे
ब्राउज़र विंडो के सापेक्ष
(pageX और pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
