I am writing a simple page with JQuery and HTML5 canvas tags where I move a shape on the canvas by pressing \'w\' for up, \'s\' for down, \'a\' for left, and \'d\' for right
It's not jQuery. You'll find the exact same delay in Notepad.
What you'll have to do is this
var keydown=false;
$(document).on('keydown', function(e){
if (!keydown)
{
keydown=e.which;
console.log('start moving and keep moving');
}
}).on('keyup', function(){
console.log("stop moving");
keydown=false;
});