Как мгновенно вывести текст из инпута в див У нас есть обычный инпут и див Когда мы пишем любой текст в инпут, он автоматически появляеться в диве
Ответ
Для решения задачи можно использовать событие 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).
Комментариев нет:
Отправить комментарий