suchen

Heim >Web-Frontend >js-Tutorial >js-Methode zur Verwendung von onmousemove und onmouseout, um Mauskoordinaten_Javascript-Fähigkeiten zu erhalten

js-Methode zur Verwendung von onmousemove und onmouseout, um Mauskoordinaten_Javascript-Fähigkeiten zu erhalten

WBOY
WBOYOriginal
2016-05-16 16:06:411771Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie js onmousemove und onmouseout verwendet, um Mauskoordinaten zu erhalten. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Der folgende js-Code demonstriert die Verwendung der Ereignisse onmousemove und onmouseout. Wenn sich die Maus innerhalb des angegebenen Bereichs bewegt, werden die Mauskoordinateninformationen dynamisch angezeigt

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(e)
{
x=e.clientX;
y=e.clientY;
coor="Coordinates: (" + x + "," + y + ")";
document.getElementById("demo").innerHTML=coor
}
function clearCoor()
{
document.getElementById("demo").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<div id="coordiv" style="width:199px;height:99px;border:1px solid" 
onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<p>Mouse over the rectangle above, 
and get the coordinates of your mouse pointer.</p>
<p id="demo"></p>
</body>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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：JS-Methode zum Abrufen des Namensattributs von Webseitenbildern_Javascript-FähigkeitenNächster Artikel：JS-Methode zum Abrufen des Namensattributs von Webseitenbildern_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen