ตัวอย่าง
ขาออกพิกัดของตัวชี้เมาส์เมื่อกดปุ่มเมาส์คลิกองค์ประกอบนี้:
var x = event.pageX; // Get the horizontal coordinate
var
y = event.pageY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
ผลจากการ coor อาจจะ:
X coords: 162, Y coords: 40 ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติหน้า Y จะส่งกลับแนวประสานงาน (ตามเอกสาร) ของตัวชี้เมาส์เมื่อเหตุการณ์เมาส์ถูกเรียก
เอกสารเป็นหน้าเว็บ
เคล็ดลับ: การได้รับการประสานงานในแนวนอน (ตามเอกสาร) ของตัวชี้เมาส์ใช้ pageX คุณสมบัติ
หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว
หมายเหตุ: สถานที่แห่งนี้เป็นที่ไม่ได้มาตรฐาน แต่ทำงานในเบราว์เซอร์ที่สำคัญที่สุด
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| pageY | ใช่ | 12.0 | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
event .pageY
รายละเอียดทางเทคนิค
| กลับค่า: | จำนวนคิดเป็นแนวตั้งพิกัดของตัวชี้เมาส์พิกเซล |
|---|---|
| DOM เวอร์ชัน: | ไม่มี |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ขาออกพิกัดของตัวชี้เมาส์ขณะที่การย้ายตัวชี้เมาส์มากกว่าองค์ประกอบนี้:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
ลองตัวเอง» ตัวอย่าง
การสาธิตความแตกต่างระหว่าง clientX และ clientY และ screenX และ Screeny นี้:
var pX = event.pageX;
var cX = event.clientX;
var pY =
event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " +
pX + ", Y coords: " + pY;
var coords2 = "client - X: " +
cX + ", Y
coords: " + cY;
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: MouseEvent pageX Property
อ้างอิง HTML DOM: MouseEvent clientX Property
อ้างอิง HTML DOM: MouseEvent clientY Property
อ้างอิง HTML DOM: MouseEvent screenX Property
อ้างอิง HTML DOM: MouseEvent screenY Property
<object เหตุการณ์