CSSOM View

Das CSSOM View-Modul ermöglicht es Ihnen, die visuelle Ansicht eines Dokuments zu manipulieren, einschließlich des Abrufens der Position von Layout-Boxen von Elementen, der Ermittlung der Breite oder Höhe des Ansichtsfensters über ein Skript und auch des Scrollens eines Elements.

Referenz

Ereignisse

Window-Ereignisse:
- resize
VisualViewport-Ereignisse:
Document-Ereignisse
- scroll
- scrollend
Element-Ereignisse
- scroll
- scrollend
MediaQueryList-Ereignisse
- change

Glossar

Schnittstellen

Schnittstellenerweiterungen

Dieses Modul fügt Schnittstellen, die in anderen Spezifikationen definiert sind, Eigenschaften und Methoden hinzu.

Window
- devicePixelRatio
- innerHeight
- innerWidth
- matchMedia()
- moveBy()
- moveTo()
- outerHeight
- outerWidth
- pageXOffset (siehe scrollX)
- pageYOffset (siehe scrollY)
- resizeBy()
- resizeTo()
- screen
- screenLeft
- screenTop
- screenX
- screenY
- visualViewport
- scroll()
- scrollBy()
- scrollTo()
- scrollX
- scrollY
Document
Element
HTMLElement
HTMLImageElement
- x
- y
Range
- getBoundingClientRect()
- getClientRects()
MouseEvent
- clientX
- clientY
- offsetX
- offsetY
- pageX
- pageY
- screenY
- x
- y

Dieses Modul definiert geometrische Hilfsmethoden, die auf die Schnittstellen Text, Element, CSSPseudoElement und Document angewendet werden. Diese GeometryUtils-Funktionen sind in keinem Browser implementiert.

Leitfäden

Koordinatensysteme: Die Koordinatensysteme, die verwendet werden, um eine Position in einem Anzeigezusammenhang wie einem Fenster auf einem Monitor, einem Viewport auf einem mobilen Gerät oder einer Position auf einem Blatt Papier beim Drucken anzugeben.
Konzepte des Viewports: Das Konzept des Viewports — was es ist, seine Auswirkungen im Hinblick auf CSS, SVG und mobile Geräte — und der Unterschied zwischen dem visuellen Viewport und dem Layout-Viewport.

Spezifikationen

Specification
CSSOM View Module