VirtualKeyboard: boundingRect-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
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.
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