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