SubmitEvent

Konstruktor

SubmitEvent()

Erstellt und gibt ein neues SubmitEvent-Objekt zurck, dessen type und andere Optionen wie angegeben konfiguriert sind. Beachten Sie, dass derzeit der einzige gltige type fr ein SubmitEvent submit ist.

Instanz-Eigenschaften

Zustzlich zu den unten aufgefhrten Eigenschaften erbt diese Schnittstelle die Eigenschaften ihrer Elternschnittstelle Event.

submitter Schreibgeschtzt

Ein HTMLElement-Objekt, das die Schaltflche oder ein anderes Element identifiziert, das aufgerufen wurde, um das Formular abzusenden.

Instanz-Methoden

Obwohl SubmitEvent keine eigenen Methoden anbietet, erbt es alle von seiner Elternschnittstelle Event spezifizierten.

Beispiele

In diesem Beispiel kann ein Warenkorb eine Reihe unterschiedlicher Absende-Schaltflchen haben, abhngig von Faktoren wie den Benutzereinstellungen, den Einstellungen des Shops und mglichen Mindest- oder Hchstgrenzen des Warenkorbs, die von den Zahlungsanbietern festgelegt wurden. Jede der Absendeelemente verwendet die id, um den entsprechenden Zahlungsanbieter zu identifizieren.

let form = document.querySelector("form");
form.addEventListener("submit", (event) => {
  let submitter = event.submitter;
  let handler = submitter.id;

  if (handler) {
    processOrder(form, handler);
  } else {
    showAlertMessage(
      "An unknown or unaccepted payment type was selected. Please try again.",
      "OK",
    );
  }
});

Die Handler-ID wird erhalten, indem die submit-Ereignis-Eigenschaft submitter verwendet wird, um die Absende-Schaltflche zu erhalten, von der wir dann die ID abrufen. Mit dieser Informationen knnen wir eine processOrder()-Funktion aufrufen, um die Bestellung zu bearbeiten und das Formular sowie die Handler-ID weiterzugeben.

Spezifikationen

Browser-Kompatibilitt