JavaScript erhält die Koordinaten der Maus, wenn sie bewegt werden (kompatibel mit: IE8, Google, Firefox, Opera), und besteht den Test
Kopieren Sie es direkt in eine HTML -Datei und führen Sie sie aus.
Um den Test aller zu erleichtern, wurde eine Online -Demonstration erstellt
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <title> JavaScript erhält die Koordinaten, wenn sich die Maus bewegt (kompatibel: IE8, Google, Firefox, Opera) _wulin.com </title> <meta http-äquiv. charset = utf-8 " /> <style type =" text /css "> .tip {width: 200px; Grenze: 2PX Solid #ddd; Polsterung: 8px; Hintergrund:#f1f1f1; Farbe:#666; } </style> <script type = "text/javaScript"> // Methode 1 Funktion 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}; }; // Methode 2 // Firefox unterstützt Attribute PageX und Seiteneigenschaften. Diese beiden Eigenschaften enthielten das Seitenbildschirm. // In Chrome kann die Seite Scrolling -Verschiebung durch document.body.scrollleft, document.body.scrolltop und in IE das document.documentElement.scrolltop -Funktion getMousepos (Ereignis) {var e = Ereignis || berechnet werden. Fenster.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}; } Funktionstest (e) {document.getElementById ("mjs"). InnerHtml = getMousepos (e) .x+','+getMousepos (e) .y; }; </script> </head> <body> <div id = "mjs"> Die Mausklick -Position Koordinate </div> <div id = "test" onmousemove = "test (Ereignis)"> </div> </body> </html>