onChange is called only when the element loses foc

问题:

I want that as you type in the textfield the div changes (I have the code for changing the div already). However the onchange event is only called once you are finished and click outside the textfield. I want it to be called as each letter is typed.

My code:

<input name="platetext" type="text" onchange="setValue(this)">

回答1:

onChange is fired when the input looses focus I think. onKeyUp should do the trick for you.

回答2:

There is an 'input' Event you can bind your event Handlers to (I think this was introduced with HTML5).

I made a quick and very dirty example here: http://jsfiddle.net/RdKZH/

This would be the clean approach to this problem (as keyup does not work on copy&paste), but you might want to test if it already works in all browsers you want to support.