SubmitEvent: SubmitEvent() constructor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The SubmitEvent() constructor creates and returns a new SubmitEvent object, which is used to represent a submit event fired at an HTML form.

Syntax

js
new SubmitEvent(type)
new SubmitEvent(type, options)

Parameters

type

A string with the name of the event. It is case-sensitive and browsers always set it to submit.

options Optional

An object that, in addition of the properties defined in Event(), can have the following properties:

submitter Optional

An HTMLElement object that is the submit button that triggered the form submission.

Return value

A SubmitEvent object configured using the given inputs.

Examples

This code snippet locates a form in the current document, and then an HTML <button> within the form with the class submit on it. Next, a new SubmitEvent is created, configured with its submitter set to the identified button (or null if the button wasn't found). Then the event is sent to the form, telling the form that it's been submitted by the button.

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

form.dispatchEvent(submitEvent);

This is a somewhat contrived example, as you can do nearly all of this much more easily, but this gives you deep control over the process that can be useful.

Specifications

Specification
HTML
# submitevent

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SubmitEvent() constructor

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support