Comment trouver la position de la souris par rapport au document avec jQuery

La propriété event.pageX peut être utilisé pour trouver les coordonnées horizontales, alors que event.pageY peut être utilisé pour trouver les coordonnées verticales. Voici un exemple:
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Trouver la position de la souris par rapport au document</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("body").mousemove(function(event){
					$(".cordn").text("(" + event.pageX + "," + event.pageY + ")");
				});
			});
		</script>
	</head>
	<body>
		<p>Les coordonnées du pointeur de la souris par rapport à la page sont: <b class="cordn"></b></p>
	</body>
</html>
Résultat
Trouver la position de la souris par rapport au document

Les coordonnées du pointeur de la souris par rapport à la page sont:

QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *