Javascriptのキーイベント実行順序

Question

Webページに次のJavascriptコード（jQuery付き）があります。ユーザーがテキストフィールドに入力すると、アプリケーションはフィールドに値があれば何かします。ユーザーが削除キーまたはバックスペースキーを押しているために空です。私が持っているコードは次のようになります。

$('input#textInput').keyup(function(event) { 
    if($(this).val()) { 
     console.log('non-empty string in the text field'); 
    } 
    else { 
     console.log('no text in the text field'); 
    } 
} 

問題は文字がテキストフィールドに表示される前にコールバック関数が実行されるように見えるということです。フィールドが空で、 'p'キーを押すと、keydown、keypress、およびkeyupイベントが生成され、keyupコールバック関数が実行され、 'テキストフィールドにはテキストがありません'が記録され、テキストフィールドに 'p'文字が表示されますが、これは私が望むものではありません。

キーイベントのいずれかでコールバックを実行してテキストフィールドに表示される値にアクセスする方法を知っている人はいますか？ありがとう。

Answer 1

あなたはタイムアウトを設定できます。

$('input').keyup(function() { 
    var inp = this; 
    setTimeout(function() { 
    console.log(inp.value); 
    }, 0); 
}); 

Answer 2

inputイベントは大体あなたが欲しいものを行う必要があります。値が変更された後に起動され、最新のブラウザでサポートされています。値が更新され

https://developer.mozilla.org/en-US/docs/Web/Events/input