Javascript # 30 дней испытаний, консоль ударных не отображает события - PullRequest
Новая
       16

Javascript # 30 дней испытаний, консоль ударных не отображает события

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

Я осознаю JavaScript # 30 дней испытаний (javascript30.com). Я делаю первое упражнение под названием «Ударная установка».

В видео инструктор делает функцию, которая регистрирует события, которые происходят с начала перехода к финалу. Цель функции состоит в том, чтобы знать «propertyName» события. 

function removeTransition (e) {
  console.log(e)    
}

Когда вы нажимаете клавишу, консоль показывает все события, но в моем случае это не так. Вот весь код: 

window.addEventListener('keydown', function(e) {

  const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
  const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);

  if (!audio) return;

  audio.play();
  audio.currentTime = 0; //el sonido pueda ser reproducido sin intervalo

  key.classList.add('playing');

});

function removeTransition(e) {
  console.log(e);
}

const keys = Array.from(document.querySelector('.key'));
keys.forEach(key => key.addEventListener('transitionend', removeTransition));
console.log(keys);
...