Die MouseEvent screenx -Eigenschaft bewertet die horizontale Koordinate des Maus -Cursors (x) am ausgelösten Punkt. Es gibt den tatsächlichen Abstand des Maus -Cursors zurück, der dem Bildschirm als Ganzzahlwert in “entspricht“Pixel”. Darüber hinaus ist es eine schreibgeschützte Eigenschaft, ich.e., Der Benutzer kann nur die horizontale Koordinate der Maus erhalten, sie nicht manuell zuweisen. Die horizontale Koordinate spielt eine wichtige Rolle bei der Webdesign für die Ausrichtung verschiedener Webseitenabschnitte.

In Anbetracht seiner Bedeutung wird dieser Artikel einen tiefen Einblick in die Verwendung und Funktionalität der “geben“MouseEvent screenxEigenschaft in JavaScript.

So verwenden Sie die Eigenschaft „MouseeEvent screenx“ in JavaScript?

Der "MouseEvent screenxDie Eigenschaft unterstützt den Benutzern, die horizontalen Koordinaten des Mauszeigers zu erhalten, bei denen dieses Ereignis ausgelöst wird.

Syntax

In der obigen Syntax:

• Fall: Es repräsentiert jede Veranstaltung wie “Onclick "," DblClick "," Mouseover", und viele andere.

• ScreenX: Es entspricht der “MouseEvent screenxEigenschaft, die die horizontale Mauskoordinate zurückgibt.

Gehen wir zu seiner praktischen Implementierung über.

Beispiel: Anwenden der Eigenschaft „MouseEvent screenx“ in JavaScript anwenden

In diesem Beispiel kann die diskutierte Eigenschaft verwendet werden, um die horizontalen Koordinaten des Mauszeigers zu berechnen, indem sie sich auf den Absatz beziehen.

HTML Quelltext

Überlegen wir den folgenden HTML -Code:

Verwenden Sie die MouseEvent Screenx -Eigenschaft

Klicken Sie an einem beliebigen Punkt im Absatz, um die X (horizontalen) Koordinaten des Mauszeigers in Pixel anzuzeigen.

Im obigen HTML -Code:

• Der "

  ”Erstellt die erste Überschrift.

• Der "

  "Repräsentiert den ersten Absatz, der einen angeschlossen ist"ONCLICK" Fall. Es leitet in die mit dem Namen namens Funktion weiter. “maus_xcoord ()Das gibt die horizontale Koordinate in Bezug auf den Standort des Mauszeigers im Absatz zurück.

• Danach das "

  "Bezeichnet der zweite leere Absatz, der eine ID zugewiesen hat"Erste”Um die berechnete horizontale Mauszeigerkoordinate anzuzeigen.

JavaScript -Code

Gehen wir nun mit dem JavaScript -Code über, dass sie:

In den obigen Codezeilen:

• Definieren Sie eine Funktion namens “maus_xcoord ()" Streit haben "Fall”.
• In der Funktionsdefinition die Variable “A"Wird erklärt, dass das" die "die" verwendet "ScreenX" Eigentum.
• Der "Koordnungen"Ist eine weitere Variable, die den Wert von zurückgibt"A”
• Der "dokumentieren.GetElementById ()Die Methode holt den Absatz über seine ID ab und findet die berechneten Koordinaten in diesem Absatz an.

Ausgang

Die Ausgabe zeigt die “anX (horizontale) Koordinaten”Des Mauszeigers, wo die“ScreenXEigentumsauslöser.

Abschluss

JavaScript liefert die “MouseEvent screenx"Eigenschaft, die den neuesten Mauszeiger zurückgibt"X (horizontal)”Koordinieren Sie, wo dieses Ereignis ausgelöst wird. Es kann erreicht werden, indem der Zeiger horizontal schwebt und die entsprechenden X -Koordinatenwerte abgerufen werden. Dieser Beitrag erklärte die Verwendung und Funktionalität der “MouseEvent screenxEigenschaft in JavaScript.