Maison > Article > interface Web > Comment jquery sait-il où se trouve la souris ?

Comment jquery sait-il où se trouve la souris ?

青灯夜游original: 2022-05-23 16:49:431781parcourir

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>

Comment jquery sait-il où se trouve la souris ?

[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!

jquery 指针 function 事件

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment ajouter du style dans jqueryArticle suivant：Comment ajouter du style dans jquery

Articles Liés

Voir plus