Ich möchte eine Snake-Game-Demo mit HTML5 schreiben<canvas> Element. Ich habe versucht, das Ereignis Keyboard (onkeydown) zu registrieren, aber es funktioniert nicht.

Code:

   canvas.onkeydown = divertDirection; //don't work
   //canvas.addEventListener("keydown", divertDirection, false);  //don't work

   //根据键盘来调振蛇移动的方向
   function divertDirection(ev) {
        console.log(ev);
    }

    //register this event for widnow
   window.addEventListener("keydown", divertDirection, false); //ok