Javascript TextBox输入值未更新

Question

我的要求是在按键上，我需要获取特定文本框的值。 但是问题是当我按第一个字母时得到空白输出。 在第二次按键时，我得到了我在文本框中输入的第一个字母。 在此形成表格，延迟一步。 正在丢失任何东西。

 <script>
     document.addEventListener('keypress',function(e){
           var keycode = e.keyCode || e.which;
           if(document.activeElement.id == 'k_id_234'){
                console.log(document.getElementById('k_id_234').value);

           }
     });
   </script>
<input type="text" id="k_id_234">

Text Box : h    console :     // empty
Text Box : he   console : h   //only first letter
.... 
...... 

Answer 1

改用keyup事件

document.addEventListener('keyup', function (e) {
    var keycode = e.keyCode || e.which;
    if (document.activeElement.id == 'k_id_234') {
        console.log(document.getElementById('k_id_234').value);

    }
});

演示： 小提琴

• jQuery在按键后获取输入值

---

另一个选择是输入事件