Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
VirtualKeyboard
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 VirtualKeyboard-Schnittstelle der VirtualKeyboard API ist auf Geräten nützlich, die Bildschirm-Tastaturen haben, wie Tablets, Mobiltelefone oder andere Geräte, bei denen möglicherweise keine Hardwaretastatur verfügbar ist.
Die VirtualKeyboard-Schnittstelle ermöglicht es, das automatische Verhalten der Webbrowser in Bezug auf Bildschirm-Tastaturen zu umgehen, indem die Höhe des Viewports reduziert wird, um Platz für die Bildschirm-Tastatur zu schaffen. Sie können verhindern, dass der Browser die Größe des Viewports ändert, die Position und Größe der Bildschirm-Tastatur erkennen und das Layout Ihrer Webseite entsprechend anpassen sowie die Bildschirm-Tastatur programmatisch ein- oder ausblenden.
Sie greifen auf die VirtualKeyboard-Schnittstelle über navigator.virtualKeyboard zu.
Instanz-Eigenschaften
Die VirtualKeyboard-Schnittstelle erbt Eigenschaften von ihrem Elternteil, EventTarget.
VirtualKeyboard.boundingRectSchreibgeschützt-
Ein
DOMRect, das die Geometrie der Bildschirm-Tastatur beschreibt. VirtualKeyboard.overlaysContent-
Ein
Boolean, der bestimmt, ob der Browser die Bildschirm-Tastatur aufhören soll zu verwalten.
Instanz-Methoden
Die VirtualKeyboard-Schnittstelle erbt Methoden von ihrem Elternteil, EventTarget.
VirtualKeyboard.show()-
Zeigt die Bildschirm-Tastatur an.
VirtualKeyboard.hide()-
Verbirgt die Bildschirm-Tastatur.
Ereignisse
geometrychange-
Wird ausgelöst, wenn sich die Geometrie der Bildschirm-Tastatur ändert, was passiert, wenn die Bildschirm-Tastatur erscheint oder verschwindet.
Beispiel
Das folgende Beispiel demonstriert, wie man das automatische Verhalten der Bildschirm-Tastatur umgeht und die Geometrie der Bildschirm-Tastatur auf der Webseite erkennt:
if ("virtualKeyboard" in navigator) {
navigator.virtualKeyboard.overlaysContent = true;
navigator.virtualKeyboard.addEventListener("geometrychange", (event) => {
const { x, y, width, height } = event.target.boundingRect;
});
}
Spezifikationen
| Spezifikation |
|---|
| VirtualKeyboard API # the-virtualkeyboard-interface |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.