Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
VirtualKeyboard: boundingRect-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
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.
const { x, y, width, height } = navigator.virtualKeyboard.boundingRect;
Spezifikationen
| Spezifikation |
|---|
| VirtualKeyboard API> # dom-virtualkeyboard-boundingrect> |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.