คัดลอก แต่รหัสของหน้าดั้งเดิมยังคงต้องได้รับการแก้ไข ต่อไปนี้คือการแก้ไขที่มีอยู่
ที่ใช้กันทั่วไปคือเหตุการณ์ clientx และ event.clienty เพื่อให้ได้ตำแหน่งแนวนอนและแนวตั้งตามลำดับ แต่การใช้วิธีนี้เพียงอย่างเดียวนั้นไม่เพียงพอเนื่องจากตำแหน่งเมาส์ที่ได้รับจากเหตุการณ์ clientx และ event.clienty สัมพันธ์กับหน้าจอปัจจุบันโดยไม่คำนึงถึงระยะทางเลื่อนโดยแถบเลื่อนของหน้า
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่น pointerx (เหตุการณ์)
-
return event.pagex || (event.clientx + (document.documentelement.scrollleft || document.body.scrollleft));
-
ฟังก์ชั่น pointery (เหตุการณ์)
-
return event.pagey || (event.clienty + (document.documentelement.scrolltop || document.body.scrolltop));
-
ทั้งสองวิธีจะได้รับตำแหน่งเมาส์ตามลำดับเมื่อเทียบกับทั้งหน้า (แทนที่จะเป็นหน้าจอ)
Event.Pagex ได้รับการสนับสนุนใน FF ซึ่งใช้การดำเนินงานข้ามเบราว์เซอร์
เพียงแค่เรียกฟังก์ชั่นทั้งสองนี้ในวิธีอื่น
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่น getPointPosition (เหตุการณ์)
-
var x_px_scr = event.clientx;
var y_px_scr = event.clienty;
การแจ้งเตือน ("ออฟเซ็ต X-Axis เทียบกับหน้าจอปัจจุบัน" + x_px_scr); <span style = "font-family: tahoma, helvetica, arial;"> // เทียบกับอุปกรณ์ (พีซีหรืออุปกรณ์มือถือ) </span>
การแจ้งเตือน ("ออฟเซ็ต Y-axis เทียบกับหน้าจอปัจจุบัน" + y_px_scr); // เทียบกับอุปกรณ์ (พีซีหรืออุปกรณ์มือถือ)
var x_px_page = pointerx (เหตุการณ์);
var y_px_page = pointery (เหตุการณ์);
การแจ้งเตือน ("ออฟเซ็ต x แกนสัมพันธ์กับหน้าทั้งหมด" + x_px_page); // สัมพันธ์กับเบราว์เซอร์
การแจ้งเตือน ("ออฟเซ็ตแกน y เทียบกับหน้าทั้งหมด" + y_px_page); // สัมพันธ์กับเบราว์เซอร์
-