InputEvent: свойство inputType
Базовая Широко поддерживается *
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.
* Некоторые части этой функции могут иметь различный уровень поддержки.
Чтение-только свойство inputType интерфейса InputEvent возвращает тип изменения, внесенного в редактируемое содержимое. Возможные изменения включают, например, вставку, удаление и форматирование текста.
Значение
Строка, содержащая тип введённого значения. Существует множество возможных значений, таких как insertText, deleteContentBackward, insertFromPaste, и formatBold. Полный список доступных типов ввода см. в разделе "Атрибуты" спецификации Input Events Level 2.
Примеры
Этот пример регистрирует inputType для событий ввода в редактируемом <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}`;
}
Результат
Попробуйте изменить текст внутри <div> и посмотрите, что произойдёт.
Примечание: Также см. тестовый набор Masayuki Nakano для InputEvent для более подробного примера.
Спецификации
| Спецификация |
|---|
| UI Events # dom-inputevent-inputtype |
Совместимость с браузерами
| Рабочий стол | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
inputType |
60 | 79 | 66 | 47 | 10.1 | 60 | 66 | 44 | 10.3 | 8.0 | 60 |
insertFromPasteAsQuotation |
Нет | Нет | 67 | Нет | Нет | Нет | 67 | Нет | Нет | Нет | Нет |
© 2005–2024 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