event.clientX ගුණය
event.clientX ගුණය මූසික කර්සරයේ
X අක්ෂය දිගේ ඛණ්ඩාංක අඩංගු කරයි.
ඛණ්ඩාංක තීරණය කිරීම සඳහා මෙන්ම
event.clientY,
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.clientX;
උදාහරණය
පිටුව මත මූසිකය චලනය වන විට, අපි එහි
ඛණ්ඩාංක බ්රව්සර කවුළුවට සාපේක්ෂව
ප්රතිදානය කරමු (clientX සහ clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
