Страницы

Поиск по вопросам

суббота, 27 апреля 2019 г.

Мгновенный вывод текста из инпута в див

Как мгновенно вывести текст из инпута в див У нас есть обычный инпут и див Когда мы пишем любой текст в инпут, он автоматически появляеться в диве


Ответ

Для решения задачи можно использовать событие oninput
function onInput() { var input = document.getElementById("input"); var div = document.getElementById("div"); if (div != null && input != null) div.innerHTML = input.value; }



Возникает вопрос: а почему не onkeyup? По двум причинам.
Во-первых, при зажатой кнопке ввод в input будет продолжаться, а в div изменения попадут только при отпускании кнопки.
А во-вторых, ввод возможен и без помощи клавиатуры, например, вставка щелчком мыши по контекстному меню. В этом случае обработчик onkeyup вообще не будет вызван.

P.S. Возможны проблемы с IE9 и более старыми (https://learn.javascript.ru/events-change#%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B5-input).

Комментариев нет:

Отправить комментарий