Méthode : 1. Utilisez l'instruction "$(document).mousemove(function(e){})" pour ajouter l'événement de mouvement de la souris sur la page Web et définir la fonction de traitement. 2. Dans la fonction de traitement, utilisez " ; e.pageX" Utilisez simplement l'instruction "e.pageY" pour obtenir dynamiquement les coordonnées des axes X et Y de la position de repos de la souris.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Dans jquery, vous pouvez obtenir la position où reste la souris grâce aux attributs "pageX" et "pageY". La propriété
pageX est la position du pointeur de la souris, par rapport au bord gauche du document.
La propriété pageY est la position du pointeur de la souris, par rapport au bord supérieur du document.
C'est-à-dire : la valeur renvoyée est la position de la souris sur l'axe X et l'axe Y.
Cependant, la simple utilisation des attributs "pageX" et "pageY" pour obtenir des positions statiques peut être utilisée avec mousemove() pour obtenir des coordonnées dynamiques.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).mousemove(function(e) {
$("span").text("X: " + e.pageX + ", Y: " + e.pageY);
});
});
</script>
</head>
<body>
<p>鼠标指针位于： <span></span></p>
</body>
</html>
[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Qu'est-ce que le fichier bak
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
