Este artigo descreve o método de obter as coordenadas atuais do mouse por JavaScript. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Para que o JavaScript obtenha as coordenadas atuais do mouse, você deve entender as posições de coordenadas de diferentes navegadores. O código específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<title> javascript recebe as coordenadas atuais do mouse </ititle>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<script type = "text/javascript">
função mouseposição (ev) {
if (ev.pagex || ev.pagey) {// Firefox, Chrome e outros navegadores
return {x: ev.pagex, y: ev.pagey};
}
Retornar {// IE navegador
x: ev.clientx + document.body.scrollleft - document.body.clientleft,
y: ev.clienty + document.body.scrolltop - document.body.clienttop
};
}
função mousemove (ev) {
EV = EV || Window.Event;
var mousepos = mouseposição (eV);
document.getElementById ('x'). innerhtml = mousepos.x;
document.getElementById ('y'). INnerHtml = mousepos.y;
}
document.onMousEmove = mouseMove;
</script>
<style type = "text/css">
H3 {Color: Blue;}
p {altura da linha: 30px; altura: 30px; font-size: 14px; largura: 500px;}
Span {Color: Orange; Fonte-peso: negrito;}
</style>
</head>
<Body>
<H3> Seu mouse foi rastreado </h3>
<p> coordenadas do eixo x: <span id = "x"> </span> </p>
<p> coordenadas do eixo y: <span id = "y"> </span> </p>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.