ویژگی clientX رویداد MouseEvent

DOM واقعات MouseEvent

تعریف و استفاده

وقتی رویداد ماوس فعال می‌شود، ویژگی clientX موقعیت افقی نشانگر ماوس را (بر اساس ناحیه مشتری) بازمی‌گرداند.

ناحیه مشتری پنجره فعلی است.

توضیح:برای به دست آوردن موقعیت عمودی نشانگر ماوس (بر اساس ناحیه مشتری)، از clientY کا نمائندہ.

نکته:این ویژگی فقط خواندنی است.

مثال

مثال 1

وقتی دکمه ماوس روی عنصر کلیک می‌شود، موقعیت نشانگر ماوس را چاپ کنید:

var x = event.clientX;     // به دست آوردن موقعیت افقی
var y = event.clientY;     // به دست آوردن موقعیت عمودی
var coor = "X coords: " + x + ", Y coords: " + y;

دستی عمل کنید

مثال 2

وقتی نشانگر ماوس روی عنصر حرکت می‌کند، موقعیت نشانگر ماوس را چاپ کنید:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

دستی عمل کنید

مثال 3

مقایسه اختلاف clientX و clientY و screenX و screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

دستی عمل کنید

نحوه استفاده

رویداد.clientX

جزئیات فنی

مقدار بازگشتی: مقدار عددی، نشان‌دهنده موقعیت افقی نشانگر ماوس به صورت پیکسل.
DOM نسخه‌: DOM Level 2 Events

مرورگر پشتیبانی می‌کند

کمپوزیشن Chrome IE Firefox Safari آپریا
clientX مقابلت مقابلت مقابلت مقابلت مقابلت

مربوط صفحات

HTML DOM مراجع دستاویز:MouseEvent کا clientY نمائندہ

HTML DOM مراجع دستاویز:MouseEvent کا screenX نمائندہ

HTML DOM مراجع دستاویز:MouseEvent کا screenY نمائندہ

HTML DOM مراجع دستاویز:MouseEvent کا offsetX نمائندہ

HTML DOM مراجع دستاویز:MouseEvent کا offsetY نمائندہ

DOM واقعات MouseEvent