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

juillet 2, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>