Heim > Web-Frontend > js-Tutorial > Können Sie die Mausposition in JavaScript ohne Mausereignisse bestimmen?

Können Sie die Mausposition in JavaScript ohne Mausereignisse bestimmen?

Mary-Kate Olsen
Freigeben: 2024-10-23 19:38:31
Original
895 Leute haben es durchsucht

Can You Determine the Mouse Position in JavaScript Without Mouse Events?

Ermitteln der Mausposition ohne Mausereignisse

Können Sie die Mausposition in JavaScript beim Laden der Seite ohne Mausbewegungsereignisse abrufen?

Antwort:

Traditionell ist es unmöglich, die Mausposition ohne Benutzereingaben zu bestimmen. Es gibt jedoch eine Problemumgehung:

Kniffliger Ansatz (Verwendung vermeiden):

Erstellen Sie ein überlagerndes DIV, das das gesamte Dokument abdeckt. Fügen Sie darin 2.000 x 2.000 Ankerelemente „“ hinzu, jeweils 1 Pixel groß. Wenden Sie eine CSS-Regel „:hover“ an, die eine bestimmte Eigenschaft ändert, z. B. „font-family“.

Iterieren Sie jedes der 4 Millionen „“-Elemente nach dem Laden der Seite. Überprüfen Sie currentStyle/getComputedStyle() jedes Elements, bis eines seine Schriftart ändert. Dadurch wird das Element unter dem unsichtbaren Cursor identifiziert. Berechnen Sie die Koordinaten dieses Elements, um die Mausposition zu bestimmen.

Achtung:

VERWENDEN SIE DIESE METHODE NICHT. Sie erfordert starke DOM-Manipulation und Auswirkungen auf die Leistung. Vermeiden Sie diesen Ansatz für praktische Anwendungen.

Das obige ist der detaillierte Inhalt vonKönnen Sie die Mausposition in JavaScript ohne Mausereignisse bestimmen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage