Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

VirtualKeyboard: boundingRect-Eigenschaft

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

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

Spezifikation
VirtualKeyboard API
# dom-virtualkeyboard-boundingrect

Browser-Kompatibilität

Siehe auch