Spec-Zone.ru › Web APIs

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API