handle long key presses in javascript

Question

I am trying to get keys from users using javascript and storing it in a javascript object.
i.e when i press 'A', 1 should be added to myJSON[65].
The following code works perfectly but if users press a key for a long time it will detect it as multiple key presses. I don't wan't that. is there a better way to do this????

var myJSON={65:[],83:[],68:[],70:[],71:[]};
window.onkeydown=function(e){
    console.log(myJSON);
    myJSON[parseInt(e.keyCode)].push(1);
}

http://jsfiddle.net/mp2v7/

Thanx in advance..

Answer 1

Try keyup:

var myJSON={65:[],83:[],68:[],70:[],71:[]};
window.onkeyup=function(e){
    console.log(myJSON);
    myJSON[parseInt(e.keyCode)].push(1);
}

Answer 2

Try this:

var keyStopper=false;
window.onkeydown=function(e){
 if(keyStopper)return e.keyCode;
 keyStopper=true;
console.log(myJSON);
myJSON[parseInt(e.keyCode)].push(1);
}
window.onkeyup = function(e){
keyStopper=false;
}

Answer 3

Use keydown and keyup events only. They work as their name implies, keydown : a single event when a key is pressed. keyup - a single event when the key is released.