ตัวอย่าง
รับพิกัดของตัวชี้เมาส์เมื่อเทียบกับหน้าจอเมื่อกดปุ่มเมาส์คลิกองค์ประกอบ:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
ผลจากการ coor อาจจะ:
X coords: 142, Y coords: 99 ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ screenX กลับแนวนอนประสานงาน (according to the users computer screen) ของตัวชี้เมาส์เมื่อเหตุการณ์ที่ถูกเรียก
เคล็ดลับ: การได้รับการประสานงานในแนวตั้ง (ตามหน้าจอ) ของตัวชี้เมาส์ใช้ Screeny คุณสมบัติ
หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| screenX | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
event .screenX
รายละเอียดทางเทคนิค
| กลับค่า: | จำนวนคิดเป็นแนวนอนพิกัดของตัวชี้เมาส์พิกเซล |
|---|---|
| DOM เวอร์ชัน: | ระดับ DOM 2 เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
การสาธิตความแตกต่างระหว่าง 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;
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: MouseEvent screenY Property
อ้างอิง HTML DOM: MouseEvent clientX Property
อ้างอิง HTML DOM: MouseEvent clientY Property
<object เหตุการณ์