Задать вопрос
@RuslanTimuziyev
Немного кодер

Почему не работает событие в javascript?

Нажимаю именно на клавиши ASDFGHJKL, т.е. на те клавиши, чьи номера прописаны в data-key. И, нажимая, хоть на любую клавишу, консоль выдает null.
window.addEventListener('keydown', function(e) {
    const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
    console.log(audio);
});

Вот html:
<audio data-key="65" src="sounds/clap.wav"></audio>
	<audio data-key="83" src="sounds/hihat.wav"></audio>
	<audio data-key="68" src="sounds/kick.wav"></audio>
	<audio data-key="70" src="sounds/openhat.wav"></audio>
	<audio data-key="71" src="sounds/boom.wav"></audio>
	<audio data-key="72" src="sounds/ride.wav"></audio>
	<audio data-key="74" src="sounds/snare.wav"></audio>
	<audio data-key="75" src="sounds/tom.wav"></audio>
	<audio data-key="76" src="sounds/tink.wav"></audio>
  • Вопрос задан
  • 200 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Negezor
@Negezor
Senior Shaurma Developer
...

${e.keyCode} будет доступно только при изогнутых кавычках `

window.addEventListener('keydown', function(e) {
    const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
    console.log(audio);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы