ගුණය 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;
});
:
