Поле ввода текста с мгновенным дублированием контента

Question

Я хочу, чтобы пользователи могли вводить данные в текстовое поле и мгновенно отображать этот текст в другом элементе в виде содержимого с ограничением символов в поле ввода.

Очень похоже на то, как SO делает это, задавая вопрос, но для другого приложения.

Я использую инфраструктуру YUI3, если это что-то меняет.

К сожалению, я не знаю, с чего начать, поэтому любая помощь приветствуется.

Спасибо!

Answer 1

Требуется использовать 'onkeyup', и он работает правильно.

<input type="text" id="text1" onkeyup="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">

</div>

Спасибо.

Answer 2

Примерно так должно работать:

<input type="text" id="text1" onchange="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">
</div>

Но я бы поместил функцию в событие onChange вместо того, чтобы писать код в теге.