How to get the new value of an HTML input after a keypress has modified it?

Question

I have an HTML input box

<input type="text" id="foo" value="bar"> 

I've attached a handler for the 'keyup' event, but if I retrieve the current value of the input box during the event handler, I get the value as it was, and not as it will be!

I've tried picking up 'keypress' and 'change' events, same problem.

I'm sure this is simple to solve, but at present I think the only solution is for me to use a short timeout to trigger some code a few milliseconds in the future!

Is there anyway to obtain the current value during those events?

EDIT: looks like I had a caching problem with my js file as I checked the same code later on and it worked just fine. I would delete the question, but not sure if that loses rep for the kind folk who posted ideas :)

Answer 1

Can you post your code? I'm not finding any issue with this. Tested on Firefox 3.01/safari 3.1.2 with:

function showMe(e) { // i am spammy!   alert(e.value); } .... <input type="text" id="foo" value="bar" onkeyup="showMe(this)" />