Web/API/SubmitEvent/SubmitEvent

From Get docs

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

Syntax

let submitEvent = new SubmitEvent(type,eventInitDict);

Parameters

type
A DOMString indicating the event which occurred. For SubmitEvent, this is always submit.
eventInitDict Optional
An optional dictionary of initial values for the event's properties.

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.

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 Status Comment
HTML Living StandardThe definition of 'SubmitEvent()' in that specification. Living Standard

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
SubmitEvent() constructor Chrome

Full support 81

Edge

?

Firefox

Full support 75

IE

No support No

Opera

?

Safari

?

WebView Android

Full support 81

Chrome Android

Full support 81

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 13.0

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown