keydown не работает при использовании addEventListener на Javascript - PullRequest
Новая
       66

keydown не работает при использовании addEventListener на Javascript

0 голосов
/ 26 апреля 2020

Я пытаюсь использовать «keydown» в качестве getEventListener в моей маленькой игре про холст. Я просто пытаюсь переместить мой объект с клавиатуры. 

<script>
var tuval = document.getElementById("tuval");
var cizim = tuval.getContext("2d");
tuval.addEventListener('keydown',keypress);
function keypress(e){
    if (e.keyCode === 37){
    dx = dx * -1;}
}
var en = tuval.width;
var boy = tuval.height;
var x = en/2;
var y = boy/2;
var dx = 2;
var dy = 4;
function ziplayantop() {
  temizle();
  cizim.beginPath();
  cizim.arc(x,y,10,0,2*Math.PI);
  cizim.closePath();
  cizim.fillStyle="#ff0000";
  x = x + dx;
  y = y + dy;
  cizim.fill();
  if (x>en-5||x < 0 ) {
      dx = -1 * dx;
  }
  if (y>boy-5||y < 0) {
    dy = -1 * dy;
  }
  if (tiklama) {
    dx = -1 * dx;
    dy = -1 * dy;
  }
}
function temizle(){
  cizim.beginPath();
  cizim.fillStyle="#ffffff";
  cizim.fillRect(0,0,tuval.width,tuval.height);
  cizim.closePath();
  cizim.fill();
}
setInterval(ziplayantop,50);
</script>

Это работает, когда я заменяю "keydown" на "clik" следующим образом; 

tuval.addEventListener('click',keypress);

function keypress(){
    dx = dx * -1;
}

Не могли бы вы помочь мне в этом? Спасибо

1 Ответ

0 голосов
/ 27 апреля 2020

обратите внимание, что вы не можете привязать keydow непосредственно к холсту .. привязать его ко всему окну вместо 

window.addEventListener("keydown", function, false);
...