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