Обработчик события получает предыдущее значение поля вместо нового!

[aruru]

<input type="text" id="a1">
<div id="r"></div>
<script type="text/javascript">
function go(){
  document.getElementById("r").innerHTML = document.getElementById("a1").value
}
document.getElementById("a1").onkeypress = document.getElementById("a1").onchange = function(){go()}
</script>

Функция go читает из поля a1 значение и пишет его в поле r.

Было пусто. Ввожу "1" - получаю пусто. Ввожу "2" - получаю "1". Удаляю все - получаю "2". И так далее - читает предыдущее значение. Как получить именно новое значение, которое только что введено? Ввёл "заяц" - получил тут же по буквам "з", "за", "зая", "заяц". А не "", "з", "за", "зая".

Почему читает предыдущее значение, с какой стати?

[sammasati]

onkeypress срабатывает когда нажимаешь на клавишу, в момент между нажатием и появлением нажатой кнопки в инпуте. Т.е. функция go срабатывает ДО того, как в инпут запишется нажатая клавиша.

Соответственно, когда у тебя введено 1, ты нажимаешь 2, он берет то, что есть, т.е. 1, запускает функцию и только после этого добавляет 2.

Чтобы всё было ок, нужно onkeypress заменит на onkeyup