The DOM beforeinput
event fires when the value of an <input>
, <select>
, or <textarea>
element is about to be modified. The event also applies to elements with contenteditable
enabled, and to any element when designMode
is turned on.
This allows web apps to override text edit behavior before the browser modifies the DOM tree, and provides more control over input events to improve performance.
In the case of contenteditable
and designMode
, the event target is the editing host. If these properties apply to multiple elements, the editing host is the nearest ancestor element whose parent isn't editable.
Bubbles | Yes |
---|---|
Cancelable | Yes |
Interface | InputEvent |
Event handler property | None |
Sync / Async | Sync |
Composed | Yes |
Default Action | Update the DOM element |