suchen

Heim  >  Artikel  >  Web-Frontend  >  Woher weiß Jquery, wo die Maus bleibt?

Woher weiß Jquery, wo die Maus bleibt?

青灯夜游
青灯夜游Original
2022-05-23 16:49:431797Durchsuche

Methode: 1. Verwenden Sie die Anweisung „$(document).mousemove(function(e){})“, um das Mausbewegungsereignis auf der Webseite hinzuzufügen und die Verarbeitungsfunktion festzulegen. 2. Verwenden Sie in der Verarbeitungsfunktion „; e.pageX“ Verwenden Sie einfach die Anweisung „e.pageY“, um dynamisch die X- und Y-Achsenkoordinaten der Ruheposition der Maus zu erhalten.

Woher weiß Jquery, wo die Maus bleibt?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In jquery können Sie die Position, an der sich die Maus befindet, über die Attribute „pageX“ und „pageY“ ermitteln. Die

  • pageX-Eigenschaft ist die Position des Mauszeigers relativ zum linken Rand des Dokuments.

  • Die pageY-Eigenschaft ist die Position des Mauszeigers relativ zum oberen Rand des Dokuments.

Das heißt: Der zurückgegebene Wert ist die Position der Maus auf der X-Achse und der Y-Achse.

Allerdings kann die einfache Verwendung der Attribute „pageX“ und „pageY“ zum Erhalten statischer Positionen mit mousemove() verwendet werden, um dynamische Koordinaten zu erhalten.

Beispiel: 

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

Woher weiß Jquery, wo die Maus bleibt?

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonWoher weiß Jquery, wo die Maus bleibt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery 指针 function 事件
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So fügen Sie Stil in JQuery hinzuNächster Artikel：So fügen Sie Stil in JQuery hinzu

In Verbindung stehende Artikel

Mehr sehen