คุณสมบัติ screenX ของ MouseEvent

เหตุการณ์ DOM MouseEvent

คำอธิบายและวิธีใช้

คุณสมบัติ screenX กลับค่าตำแหน่งตัวชิ้นส่วนของตัวชิ้นส่วนนี้เมื่อเกิดเหตุการณ์ (event) ด้วยพิกัดระดับน้ำเงินด้านขวาของหน้าจอคอมพิวเตอร์ของผู้ใช้.

คำแนะนำ:เพื่อได้รับตำแหน่งตัวชิ้นส่วนของตัวชิ้นส่วนนี้เมื่อตัวชิ้นส่วนนี้มีความเกี่ยวข้องกับพิกัดระดับน้ำเงินด้านล่างของหน้าจอคอมพิวเตอร์ของผู้ใช้ ใช้ screenY คุณสมบัติ.

หมายเหตุ:คุณสมบัตินี้เป็นคุณสมบัติที่แสดงเฉพาะ (read-only).

ตัวอย่าง

ตัวอย่าง 1

ได้รับตำแหน่งตัวชิ้นส่วนของตัวชิ้นส่วนนี้เมื่อคลิกที่ปุ่มหมุนตามหลังของแมวหน้าที่ตัวชิ้นส่วนนี้:

var x = event.screenX;     // ได้รับค่าพิกัดตั้งแต่ด้านขวา
var y = event.screenY;     // ได้รับค่าพิกัดตั้งแต่ด้านล่าง
var coor = "X coords: " + x + ", Y coords: " + y;

ทดลองด้วยตัวเอง

ตัวอย่าง 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;

ทดลองด้วยตัวเอง

รูปแบบการใช้งาน

event.screenX

รายละเอียดเทคนิค

ค่าที่กลับมาที่มีในตัวแปร: ค่าเลขาที่แสดงตำแหน่งตัวบนพิกัดระดับน้ำเงินด้านขวาของตัวชิ้นส่วนนี้ด้วยพิกัดพิเศษ (pixel).
DOM ระดับ: DOM ระดับ 2 หาความเกี่ยวข้อง

浏览器支持

属性 Chrome IE Firefox Safari Opera
screenX สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือ HTML DOM ฉบับ:MouseEvent 属性 screenY

คู่มือ HTML DOM ฉบับ:MouseEvent 属性 clientX

คู่มือ HTML DOM ฉบับ:MouseEvent 属性 clientY

คู่มือ HTML DOM ฉบับ:MouseEvent 属性 offsetX

คู่มือ HTML DOM ฉบับ:MouseEvent 属性 offsetY

เหตุการณ์ DOM MouseEvent