VirtualKeyboard: boundingRect-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die boundingRect-Eigenschaft der VirtualKeyboard-Schnittstelle enthält ein DOMRect, das die Position und Größe der Bildschirmtastatur angibt, die die Webseite überlagert.

Die Bildschirmtastatur wird den Viewport überlagern, wenn die Virtual Keyboard API verwendet wird, um zu verhindern, dass der Browser den Viewport automatisch ändert. Dies geschieht durch Setzen der overlaysContent-Eigenschaft auf true.

Wert

Ein DOMRect, das die Position und Größe der virtuellen Tastatur im Viewport angibt.

Die x-, y-, width- und height-Koordinaten des Rechtecks sind nützlich, um Inhalte auf der Webseite neu zu positionieren, die sichtbar bleiben müssen, selbst wenn die virtuelle Tastatur angezeigt wird.

js
const { x, y, width, height } = navigator.virtualKeyboard.boundingRect;

Spezifikationen

Specification
VirtualKeyboard API
# dom-virtualkeyboard-boundingrect

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch