JavaScript ได้รับพิกัดของเมาส์เมื่อเคลื่อนที่ (เข้ากันได้กับ: IE8, Google, Firefox, Opera) และผ่านการทดสอบ
คัดลอกโดยตรงไปยังไฟล์ HTML และเรียกใช้
เพื่ออำนวยความสะดวกในการทดสอบของทุกคนมีการสาธิตออนไลน์
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> JavaScript ได้รับพิกัดเมื่อเมาส์เคลื่อนที่ (เข้ากันได้: IE8, Google, Firefox, Opera) _wulin.com charset = utf-8 " /> <style type =" text /css "> .tip {width: 200px; ชายแดน: 2px Solid #DDD; Padding: 8px; ความเป็นมา:#F1F1F1; สี:#666; } </style> <script type = "text/javascript"> // วิธีการ 1 ฟังก์ชั่น mousepos (e) {var x, y; var e = e || window.event; return {x: e.clientx + document.body.scrollleft + document.documentelement.scrollleft, y: e.clienty + document.body.scrolltop + document.documentelement.scrolltop}; - // วิธีการ 2 // Firefox รองรับคุณสมบัติ PAGEX และ PAGEY คุณสมบัติทั้งสองนี้ได้รวมการเลื่อนหน้า // ใน Chrome การเลื่อนการเลื่อนหน้าสามารถคำนวณได้ผ่าน document.body.scrollleft, document.body.scrolltop และภายใต้ IE คุณสามารถใช้ document.documentelement.scrollleft, documentElement.scrolltop ฟังก์ชั่น getMousePos (เหตุการณ์) window.event; var scrollx = document.documentelement.scrollleft || document.body.scrollleft; var scrolly = document.documentelement.scrolltop || document.body.scrolltop; var x = e.pagex || e.clientx + scrollx; var y = e.pagey || e.clienty + scrolly; // Alert ('x:' + x + '/ny:' + y); return {'x': x, 'y': y}; } การทดสอบฟังก์ชั่น (e) {document.getElementById ("mjs"). innerhtml = getMousepos (e) .x+','+getMousepos (e) .y; - </script> </head> <body> <div id = "mjs"> รับเมาส์คลิกตำแหน่งพิกัด </div> <div id = "ทดสอบ" onmousemove = "ทดสอบ (เหตุการณ์)"> </div> </body> </html>