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. ForSubmitEvent
, this is alwayssubmit
. 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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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
SubmitEvent() by Mozilla Contributors is licensed under CC-BY-SA 2.5.