不等待输入框失去焦点的Onchange事件

Question

The onchange event for a HTML input box does not fire until the textbox loses focus. Is there a way to make it fire as soon as the contents change?

Here's an example of onchange firing after focus loss: http://jsfiddle.net/McjqW/

Answer 1

You can use onkeyup instead

<input type="text" id="fname" onkeyup="upperCase(this.id)">

http://jsfiddle.net/McjqW/1/

Answer 2

You are looking for the onkeypress or onkeydown event. Note that this event is not standard, and different browsers may expose this functionality under different names. The DOM level 3 standard defines a keypress event which would be "the" answer, but again I can't vouch for browser support.

Update: onkeypress reportedly enjoys wide support .

Answer 3

You need the HTML5 input event. It's not quite fully cross-browser but there's a workaround for IE < 9, which is the only major browser that doesn't have it. See here and here .