Добавление слушателя события к изображению

Question

Я работал над небольшим проектом, где мне нужно изменить размеры машины. Однако всякий раз, когда я нажимаю стрелку влево, автомобиль должен изменить размер, но ничего не происходит. Это мой Javascript код:

var car = document.getElementById('cr');

 car.addEventListener("keydown",function(event){

  if(event.which == 37){
 //left
console.log('left');
car.style.width = 10 + "px";

 }

if(event.which == 39){
//right
}
})

Answer 1

Прослушиватель событий находится на изображении, поэтому он будет срабатывать, только если изображение имеет фокус при нажатии клавиши. (Это или элемент-потомок, но изображения не могут иметь потомков).

Изображения по умолчанию не могут иметь фокус в любом случае.

Вместо этого присоедините прослушиватель событий к объекту window.