Eine Veranstaltungsbesitz namens “Pagey”Zeigt die y-Achsenkoordinaten an, wenn der Benutzer seine Maus bewegt. Diese Eigenschaft ermöglicht es, den Standort des Cursors zu finden, um interaktive Funktionen wie Dropdown -Menüs oder Tooltips usw. zu implementieren. Diese Eigenschaft kann in einer Vielzahl von Anwendungen nützlich sein, z.

Dieser Leitfaden zeigt, wie Sie die mouseEvent -Seiteneigenschaft verwenden.

So verwenden Sie die MouseEvent -Seiteneigenschaft?

Der "PageyEigenschaften werden verwendet. Es wird in Pixeln von der Oberkante des Ansichtsfensters gemessen. Befolgen Sie die folgenden Schritte, um eine bessere Erklärung zu erhalten:

Schritt 1: Schaffung der Struktur

Innerhalb des Elternteils “”Element, mehrere“ erstellen "

" Und "

"Tags, in denen die Koordinaten durch Zuweisen angezeigt werden"Ausweis”Zu jedem HTML -Element:

Beispiel für Mausereignisse Pagey Eigenschaft Beispiel

Willkommen bei LinuxHint:

X Koordinaten:

Y Koordinaten:

Wählen Sie am Ende das aus “My-ElementID und wenden Sie einige CSS -Eigenschaften für einen besseren Visualisierungsprozess darauf an.

Schritt 2: Hinzufügen der Seiteneigenschaft Hinzufügen

Im Inneren "”Tag, fügen Sie die folgenden Eigenschaften hinzu. Diese Eigenschaften müssen am Ende der Seite hinzugefügt werden oder der Code funktioniert nicht ordnungsgemäß:

Eine Erläuterung des obigen Code -Snippets ist unten angegeben:

• Erstens wird das HTML -Element in der Variablen durch Zugriff auf die Element -IDs gespeichert.
• Dann wird die Funktion auf die “aufgerufen“MousemoveEvent -Hörer.
• Danach die Variable benannt “Pagey" Und "Pagex" geschaffen. Dann werden diese Variablen mit "verwendet"Fall.Pagey" Und "Fall.PagexEigenschaften. Diese Werte erhalten die Koordinaten der y- und x-Achse jeweils.
• Am Ende werden diese Variablen auf der Webseite angezeigt, indem auf die “zugreift“id "der" spanElemente.

Nachdem der obige Code -Snippet ausgeführt wurde, sieht die Ausgabe so aus:

Die obige Ausgabe zeigt an, dass die Koordinaten auf der Webseite relativ zur Bewegung des Cursors angezeigt werden.

Abschluss

Der "PageyDie Eigenschaft erhält die Koordinate des Cursors auf der Mausbewegung über das ausgewählte enthaltende Element. Verwenden Sie die “, damit es funktioniert, das“MousemoveEreignishörer, der die Funktion aufruft, wenn sich die Maus über das ausgewählte DIV -Element bewegt. Und im Inneren nutzt es das “Fall.PageyEigentum, um die Koordinaten der y-Achse zu erhalten. Dieser Leitfaden hat gezeigt, wie man die mouseEvent -Seiteneigenschaft verwendet.