MouseEvent: screenX-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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
| Specification |
|---|
| Pointer Events # dom-mouseevent-screenx |