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;
});
:
