Capturing multiples keystrokes in javascript.

Question

I'm trying to do a javascript application that needs this particular feature:

Whenever the user presses one of the arrow keys, it must act acording to the key direction.

And if the user press a key, hold it down, and press a second one, then, only the action of the seccond one must be executed until released. And if the first one stills pressed, it's action must be executed again.

The problem is that when you press the second key, no more events (except key up) of the first key is fired, even after releasing the second one.

Here is more or less what I'm doing: http://jsbin.com/amajo4

It doesn't need to work in IE, though ie8 support could be cool, ie7 and ie6 are completly discarted :) But it must be done in javascript, no flash or silverlight.

Thanks!

Answer 1

You don't. You use Flash instead. And I wouldn't be surpised if any 'solutions' were very browser dependent.

Answer 2

You can use setInterval to run your handler every (eg) 400 ms, then maintain a stack of pressed keys by handling keydown and keyup.