VirtualKeyboard: overlaysContent-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 overlaysContent-Eigenschaft des VirtualKeyboard-Interfaces kann verwendet werden, um die automatische Art und Weise, wie Browser mit virtuellen On-Screen-Tastaturen umgehen, zu deaktivieren, indem die Größe des Viewports reduziert wird, um Platz für diese zu schaffen.

Wenn die overlaysContent-Eigenschaft auf true gesetzt wird, ändert der Browser die Größe des Viewports nicht mehr, wenn die virtuelle Tastatur erscheint. Stattdessen überlagert die virtuelle Tastatur den Inhalt der Webseite, und Sie können das Seitenlayout entsprechend mit der Virtual Keyboard API sowie Ihrem eigenen benutzerdefinierten CSS und JavaScript anpassen.

Wert

Ein boolescher Wert. Standardmäßig false, setzen Sie es auf true, um sich von der automatischen Behandlung der On-Screen-Tastatur durch den Browser abzumelden.

Beispiel

js
if ("virtualKeyboard" in navigator) {
  console.log(navigator.virtualKeyboard.overlaysContent); // false
  navigator.virtualKeyboard.overlaysContent = true; // Opt out of the automatic handling.
}

Spezifikationen

Specification
VirtualKeyboard API
# dom-virtualkeyboard-overlayscontent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch