Dieser Artikel beschreibt die Methode, um die aktuellen Mauskoordinaten durch JavaScript zu erhalten. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Damit JavaScript die aktuellen Mauskoordinaten erhalten, müssen Sie die Koordinatenpositionen verschiedener Browser verstehen. Der spezifische Code lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> JavaScript erhält die aktuellen Mauskoordinaten </title>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<script type = "text/javaScript">
Funktion mouseposition (ev) {
if (ev.pagex || ev.pagey) {// Firefox, Chrome und andere Browser
return {x: ev.pagex, y: ev.pagey};
}
kehren Sie {// IE Browser zurück
x: ev.clientX + document.body.scrollleft - document.body.clientleft,
y: ev.clienty + document.body.scrolltop - document.body.clienttop
};
}
Funktion Mousemove (ev) {
ev = ev || Fenster.Event;
var mousepos = mouseposition (ev);
document.getElementById ('x'). innerhtml = mousepos.x;
document.getElementById ('y'). innerhtml = mousepos.y;
}
document.onmousemove = mousemove;
</script>
<style type = "text/css">
H3 {Farbe: blau;}
P {Zeilenhöhe: 30px; Höhe: 30px; Schriftgröße: 14px; Breite: 500px;}
Span {Farbe: Orange; Schriftgewicht: BOLD;}
</style>
</head>
<body>
<h3> Ihre Maus wurde verfolgt </H3>
<p> x-Achsenkoordinaten: <span id = "x"> </span> </p>
<p> y-Achsenkoordinaten: <span id = "y"> </span> </p>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.