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.
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.
A string 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.
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>
js
const log = document.getElementById("log"); const editable = document.querySelector("div[contenteditable]"); editable.addEventListener("input", logInputType); function logInputType(event) { log.textContent = `Input type: ${event.inputType}`; }
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.
Specification |
---|
UI Events # dom-inputevent-inputtype |
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–2023 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