ElementInternals: ariaHasPopup-Eigenschaft

Baseline 2023
Newly available

Since October 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die ariaHasPopup-Eigenschaft des ElementInternals-Interfaces spiegelt den Wert des aria-haspopup-Attributs wider, das die Verfügbarkeit und den Typ eines interaktiven Popup-Elements, wie etwa Menü oder Dialog, angibt, das von einem Element ausgelöst werden kann.

Hinweis: Das Setzen von aria-Attributen auf ElementInternals ermöglicht es, Standardsemantiken für ein benutzerdefiniertes Element zu definieren. Diese können durch benutzerdefinierte Attribute überschrieben werden, stellen jedoch sicher, dass die Standardsemantiken erhalten bleiben, falls der Autor diese Attribute löscht oder sie überhaupt nicht hinzufügt. Weitere Informationen finden Sie im Accessibility Object Model Erklärer.

Wert

Ein String mit einem der folgenden Werte:

"false"

Das Element hat kein Popup.

"true"

Das Element hat ein Popup, das ein Menü ist.

Das Element hat ein Popup, das ein Menü ist.

"listbox"

Das Element hat ein Popup, das eine Liste ist.

"tree"

Das Element hat ein Popup, das ein Baum ist.

"grid"

Das Element hat ein Popup, das ein Raster ist.

"dialog"

Das Element hat ein Popup, das ein Dialog ist.

Beispiele

In diesem Beispiel wird der Wert von ariaHasPopup auf "true" gesetzt.

js
class CustomControl extends HTMLElement {
  constructor() {
    super();
    this.internals_ = this.attachInternals();
    this.internals_.ariaHasPopup = "true";
  }
  // …
}

Spezifikationen

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariahaspopup

Browser-Kompatibilität