CSSOM view API

指南

座標系

用於在顯示上下文中指定位置的座標系統，例如顯示器上的視窗、移動裝置上的視口，或列印時的紙張位置。

視口概念

視口的概念——它是什麼、它在 CSS、SVG 和移動裝置方面的影響——以及視覺視口和佈局視口之間的區別。

介面

• MediaQueryList
• MediaQueryListEvent
• Screen
• CaretPosition
• VisualViewport

其他介面的擴充套件

此模組為其他規範中定義的介面添加了屬性、方法和事件。

Window 擴充套件

• devicePixelRatio
• innerHeight
• innerWidth
• matchMedia()
• moveBy()
• moveTo()
• outerHeight
• outerWidth
• pageXOffset (參見 scrollX)
• pageYOffset (參見 scrollY)
• resizeBy()
• resizeTo()
• screen
• screenLeft
• screenTop
• screenX
• screenY
• visualViewport
• scroll()
• scrollBy()
• scrollTo()
• scrollX
• scrollY
• resize 事件

Document 擴充套件

• elementFromPoint()
• caretPositionFromPoint()
• scrollingElement
• scroll 事件
• scrollend 事件

Element 擴充套件

• checkVisibility()
• clientHeight
• clientLeft
• clientTop
• clientWidth
• currentCSSZoom
• getBoundingClientRect()
• getClientRects()
• scroll()
• scrollBy()
• scrollHeight
• scrollIntoView()
• scrollLeft
• scrollTo()
• scrollTop
• scrollWidth
• scroll 事件
• scrollend 事件

HTMLElement 擴充套件

• offsetHeight
• offsetLeft
• offsetParent
• offsetTop
• offsetWidth

HTMLImageElement 擴充套件

• x
• y

Range 擴充套件

• getBoundingClientRect()
• getClientRects()

MouseEvent 擴充套件

• clientX
• clientY
• offsetX
• offsetY
• pageX
• pageY
• screenY
• x
• y

此模組定義了適用於 Text、Element、CSSPseudoElement 和 Document 介面的幾何工具方法。這些 GeometryUtils 功能尚未在任何瀏覽器中實現。

規範

另見

• CSS 物件模型 (CSSOM) API
• CSSOM 檢視模組
• CSS overflow 模組
• CSS overscroll behavior 模組
• CSS scroll snap 模組
• 視口
• 佈局視口
• 視覺視口
• zoom
• CSSOM
• CSS 畫素
• 滾動容器
• <meta>