How can I process the new content in a text box after the onkeydown event?

Question

I have a text input :

<input type="text" onkeydown="processText(this)" />

I have a processing function :

function processText(sender)
{
  console.log(sender.value);
  /// processing....
}

But then I check my value, its content hasn't been updated yet. How can I do that?

Answer 1

Use onkeyup instead :

<input type="text" onkeyup="processText(this)" />

Answer 2

try onkeyup

http://www.w3schools.com/jsref/jsref_onkeyup.asp

Josh

Answer 3

If onkeyup is too late for your needs, you'll need to look at the key code of the event and then do something with the character that may or may not be added to the text box. Take a look at the DOM event reference or at the way jQuery handles it or the way Prototype handles it.