Cet article décrit la méthode d'obtention des coordonnées actuelles de souris par JavaScript. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Pour JavaScript pour obtenir les coordonnées actuelles de la souris, vous devez avoir une certaine compréhension des positions de coordonnées de différents navigateurs. Le code spécifique est le suivant:
Copiez le code comme suit: <html>
<adal>
<Title> JavaScript obtient les coordonnées actuelles de la souris </TITAL>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<script type = "text / javascript">
Fonction Mousposition (ev) {
if (ev.pagex || ev.pagey) {// firefox, chrome et autres navigateurs
return {x: ev.pagex, y: ev.pagey};
}
return {// ie navigateur
x: ev.clientx + document.body.scrollleft - document.body.clientleft,
y: ev.clienty + document.body.scrolltop - document.body.clienttop
};
}
fonction mousmove (ev) {
ev = ev || window.event;
Var Mouspos = Mouseposition (EV);
document.getElementById ('x'). innerHtml = Mouspos.x;
document.getElementById ('y'). innerHtml = Mouspos.y;
}
document.onmousemove = mousmove;
</cript>
<style type = "text / css">
H3 {couleur: bleu;}
P {Line-Height: 30px; hauteur: 30px; Font-Size: 14px; largeur: 500px;}
Span {Couleur: Orange; Font-Weight: Bold;}
</ style>
</ head>
<body>
<h3> Votre souris a été suivie </h3>
<p> Coordonnées de l'axe x: <span id = "x"> </span> </p>
<p> Coordonnées de l'axe des y: <span id = "y"> </span> </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.