InputEvent.inputType
The inputType
read-only property of the InputEvent
interface returns the type of change made to editable content. Possible changes include for example inserting, deleting, and formatting text.
Syntax
var aString = inputEvent.inputType;
Value
A DOMString
containing the type of input that was made. There are many possible values, such as insertText
, deleteContentBackward
, insertFromPaste
, and formatBold
. For a complete list of the available input types, see the Attributes section of the Input Events Level 1 spec.
Examples
This example logs the inputType
for input events on an editable <div>
.
HTML
<p id="log">Input type: </p> <div contenteditable="true" style="margin: 20px;padding: 20px;border:2px dashed red;"> <p>Some sample text. Try inserting line breaks, or deleting text in different ways, or pasting different content in.</p> <hr> <ul> <li>A sample</li> <li>bulleted</li> <li>list.</li> </ul> <p>Another paragraph.</p> </div>
JavaScript
const log = document.getElementById('log'); const editable = document.querySelector('div[contenteditable]'); editable.addEventListener('input', logInputType); function logInputType(event) { log.textContent = `Input type: ${event.inputType}`; }
Result
Try editing the text inside the <div>
and see what happens.
Note: See also Masayuki Nakano's InputEvent test suite for a more detailed example.
Specifications
Specification |
---|
UI Events # dom-inputevent-inputtype |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
inputType |
60 |
79 |
66 |
No |
47 |
10.1 |
60 |
60 |
66 |
44 |
10.3 |
8.0 |
insertFromPasteAsQuotation |
No |
No |
67 |
No |
No |
No |
No |
No |
67 |
No |
No |
No |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/inputType