.addEventListener不起作用，任何想法为什么？

Question

我试着用＃34;点击＆＃34;它有效，我也试过e.keycode，似乎没有任何效果。

  window.onload = function() {
    c = document.getElementById("myCanvas");
    cc = c.getContext("2d");
    setInterval(update, 1000 / 30);
  };
  var c = document.getElementById("myCanvas");
  var cacX1 = 960
  var dy = document.getElementById("myCanvas").height - 60
  var speed = -1
  var drop = -7

  function update() {
    //  drawBack();
    //  drawCac();
    drawDino();
  };

  c.addEventListener("keydown", function(e) {
    if (dy >= c.height - 70) {
      dy = 10
      drawDino();
      console.log("up");
    }
  }, false);


  function drawDino() {
    cc.fillStyle = "white";
    cc.fillRect(30, dy, 30, 50);
    if (dy < document.getElementById("myCanvas").height - 60) {
      dy = dy - drop
      console.log("dropping" + drop);
    }
  };

我很抱歉提出这样一个无聊的问题，但我正在努力学习。