Über diese Website

Dieser Kasten steht auf jeder Seite in der linken Spalte. Was darin steht, änderst du in der Konfiguration unter Plugins — oder du schaltest ihn dort ab.

Über dieses Handbuch

Dieses Handbuch gehört zur Vorlage Example für QuartzControl. Es erklärt die Vorlage und führt zugleich alles vor, was sie kann.

Der Text hier kommt aus einer Markdown-Datei, nicht aus der Konfiguration.

Invoker Commands API (MDN)

Invoker Commands API (MDN)

Quelle / bibliografische Angaben

MDN-Übersicht „Invoker Commands API“, englische Fassung.

Kurzfassung

Buttons bekommen deklarativ ein Verhalten gegenüber einem anderen Element: commandfor nennt die ID des Ziels, command die Aktion.

Kernaussagen

  • Baseline laut Seite: 2025, newly available seit Dezember 2025.
  • Zweck: Buttons steuern häufig Popovers oder Dialoge. Bisher brauchte das JavaScript-Listener. Die API erledigt das für eine begrenzte Menge von Aktionen deklarativ.
  • Attribute: commandfor (ID des Zielelements), command (Aktion).
  • JavaScript: HTMLButtonElement.commandForElement und .command spiegeln die Attribute. Das Zielelement erhält ein command-Event (CommandEvent).

Eigene Einordnung

Die Befehle für dialog (show-modal, close, request-close) stehen in der dialog-Referenz, nicht auf dieser Übersichtsseite. Weil die API erst seit Ende 2025 überall verfügbar ist, lohnt für ältere Browser ein kleines Polyfill (Beispiel in Mobile-Menü ohne Checkbox-Hack bauen).

Verknüpftes Wissen

Weiterlesen

Diese Seite gehört zu gui-test — der Beispielvorlage für QuartzControl. Ein Überblick über alle Bereiche steht auf der Startseite.

Auf einem schmalen Bildschirm ist die Navigation oben eingeklappt.