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 screenX
-Eigenschaft der MouseEvent
-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die horizontale Koordinate (Offset) des Mauszeigers in Bildschirmkoordinaten bereitstellt.
Hinweis:
In einer Multi-Screen-Umgebung werden horizontal ausgerichtete Bildschirme als einzelnes Gerät behandelt, und daher erhöht sich der Wertebereich der screenX
-Eigenschaft auf die kombinierte Breite der Bildschirme.
Wert
Ein double
-Gleitkommawert in Pixeln.
Frühere Versionen der Spezifikation definierten dies als ganze Zahl, die sich auf die Anzahl der Pixel bezieht.
Beispiele
Dieses Beispiel zeigt die Koordinaten Ihrer Maus an, 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
Ereignis weiterleiten
Wenn Sie Ereignisse im Fenster, im Dokument oder in anderen großen Elementen erfassen, können Sie die Koordinaten dieses Ereignisses (z. B. eines Klicks) erhalten und es ordnungsgemäß 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 |
---|
UI Events> # dom-mouseevent-screenx> |
Browser-Kompatibilität
Loading…