SubmitEvent()

type

イベントの名前を表す文字列。 大文字と小文字は区別され、ブラウザーは常に submit に設定します。

options 省略可

オブジェクトで、 Event() で定義されているプロパティに加え、以下のプロパティを持つことができます。

submitter 省略可

フォームを送信するきっかけとなった送信ボタンである HTMLElement オブジェクトです。

指定された入力コントロールを使用して構成された SubmitEvent オブジェクト。

このコードでは、現在の文書内のフォームを探し、そのフォームに submit クラスを持つ HTML <button> 探します。 次に、新しい SubmitEvent を作成し、その submitter には、特定したボタン（またはボタンが見つからなかった場合は null ）を設定します。そして、イベントをフォームに送信し、ボタンによって送信されたことをフォームに指示します。

const form = document.querySelector("form");
const formTrigger = form.querySelector("button.submit");
const submitEvent = new SubmitEvent("submit", { submitter: formTrigger });

form.dispatchEvent(submitEvent);

この例はやや作為的なもので、ほぼすべての処理をもっと簡単に行うことができますが、これによって処理を深く制御することができ、それが有用となる場合があります。