ویژگی 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: رویدادهای سطح 2 DOM

پشتیبانی مرورگر

نوع Chrome IE Firefox Safari Opera
clientX پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML DOM:ویژگی clientY MouseEvent

دستورالعمل HTML DOM:ویژگی screenX MouseEvent

دستورالعمل HTML DOM:ویژگی screenY MouseEvent

دستورالعمل HTML DOM:ویژگی offsetX MouseEvent

دستورالعمل HTML DOM:ویژگی offsetY MouseEvent

رویدادهای DOM MouseEvent