Este artículo describe el método para obtener las coordenadas actuales del mouse por JavaScript. Compártelo para su referencia. El método de implementación específico es el siguiente:
Para que JavaScript obtenga las coordenadas actuales del mouse, debe comprender las posiciones coordinadas de diferentes navegadores. El código específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JavaScript obtiene las coordenadas actuales del mouse </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<script type = "text/javaScript">
función mouseposition (eV) {
if (ev.pagex || ev.pagey) {// Firefox, Chrome y otros navegadores
return {x: ev.pagex, y: ev.pagey};
}
regreso {// es decir, navegador
x: ev.clientx + document.body.scrollleft - document.body.clientleft,
Y: ev.clienty + document.body.scrolltop - document.body.clienttop
};
}
function mouseMove (ev) {
EV = EV || Window.event;
var mousePos = mousePosition (eV);
document.getElementById ('x'). innerhtml = mousePos.x;
document.getElementById ('y'). Innerhtml = mousePos.y;
}
documento.onmousemove = mouseMove;
</script>
<style type = "text/css">
H3 {color: azul;}
P {Línea-aguja: 30px; altura: 30px; font-size: 14px; ancho: 500px;}
span {color: naranja; font-weight: bold;}
</style>
</ablo>
<Body>
<h3> Tu mouse ha sido rastreado </h3>
<p> coordenadas del eje x: <span id = "x"> </span> </p>
<p> coordenadas del eje y: <span id = "y"> </span> </p>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.