සම්පත 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 හි සිදුවීමේ ඛණ්ඩාංක ස්ක්‍රෝලිං සැලකිල්ලට ගනිමින් අඩංගු වේ.

වාක්‍ය රචනය

javascriptevent.pageY;

උදාහරණය

පිටුව දිගේ මූසිකය චලනය වන විට බ්‍රව්සර් කවුළුවට සාපේක්ෂව එහි ඛණ්ඩාංක (pageX සහ pageY) ප්‍රතිදානය කරමු:

html<div id="elem">0 : 0</div>

javascriptlet elem = document.getElementById('elem');

document.addEventListener('mousemove', function(event) {
  elem.innerHTML = event.pageX + ' : ' + event.pageY;
});

Результат:

මෙයද බලන්න