event.pageX ගුණය
event.pageX ගුණය
X අක්ෂය ඔස්සේ මූසික කර්සරයේ ඛණ්ඩාංක අඩංගු වේ.
ඛණ්ඩාංක තීරණය කිරීම සඳහා මෙන්න තවත් ගුණ ඇත:
event.clientX,
event.clientY,
event.pageY.
clientX/clientY සහ
pageX/pageY අතර වෙනස බලමු.
clientX සහ clientY ක්රියා කරන්නේ කෙසේද:
ඔබට 1000 by 1000
පික්සල් කවුළුවක් තිබේ නම්, සහ මූසිකය මධ්යයේ නම්, clientX
සහ clientY දෙකම 500 ට සමාන වේ. ඔබ
කර්සරය චලනය නොකර තිරස් හෝ සිරස් අතට පිටුව අනුචලනය කළහොත්,
clientX සහ clientY අගයන්
වෙනස් නොවේ, මන්ද ඒවා ගණනය කරනු ලබන්නේ
ලේඛනයට නොව කවුළුවට සාපේක්ෂව බැවිනි.
pageX සහ pageY ක්රියා කරන්නේ කෙසේද:
ඔබට 1000 by 1000
පික්සල් කවුළුවක් තිබේ නම්, සහ කර්සරය මධ්යයේ නම්,
pageX සහ pageY 500 ට සමාන වේ. ඔබ
පිටුව 250
පික්සල් පහළට අනුචලනය කළහොත්, pageY 750 ට සමාන වේ.
එබැවින් pageX සහ pageY වල සිද්ධියේ ඛණ්ඩාංක අඩංගු වේ
අනුචලනය සැලකිල්ලට ගනිමින්.
වාක්ය රචනා ක්රමය
event.pageX;
උදාහරණය
පිටුව මත මූසිකය චලනය වන විට, අපි එහි ඛණ්ඩාංක ප්රදර්ශනය කරමු
බ්රවුසර කවුළුවට සාපේක්ෂව
(pageX සහ pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
