MouseEvent: screenX-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte screenX-Eigenschaft des MouseEvent-Interfaces liefert die horizontale Koordinate (Versatz) des Mauszeigers in Bildschirmkoordinaten.
Hinweis:
In einer Umgebung mit mehreren Bildschirmen, die horizontal ausgerichtet sind, werden die Bildschirme als ein einzelnes Gerät behandelt, und der Bereich des screenX-Werts wird auf die kombinierte Breite der Bildschirme erweitert.
Wert
Ein double Gleitkommawert in Pixeln.
Frühere Versionen der Spezifikation definierten dies als Ganzzahl, die sich auf die Anzahl der Pixel bezieht.
Beispiele
Dieses Beispiel zeigt die Koordinaten Ihrer Maus, wann immer Sie das mousemove-Ereignis auslösen.
HTML
<p>Move your mouse to see its position.</p>
<p id="screen-log"></p>
JavaScript
let screenLog = document.querySelector("#screen-log");
document.addEventListener("mousemove", logKey);
function logKey(e) {
screenLog.innerText = `
Screen X/Y: ${e.screenX}, ${e.screenY}
Client X/Y: ${e.clientX}, ${e.clientY}`;
}
Ergebnis
Routing eines Ereignisses
Wenn Sie Ereignisse im Fenster, Dokument oder anderen geräumigen Elementen abfangen, können Sie die Koordinaten dieses Ereignisses (z. B. einem Klick) erfassen und entsprechend weiterleiten, wie das folgende Beispiel zeigt:
function checkClickMap(e) {
if (e.screenX < 50) doRedButton();
if (50 <= e.screenX && e.screenX < 100) doYellowButton();
if (e.screenX >= 100) doRedButton();
}
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # dom-mouseevent-screenx |