使用javascript按键时如何播放声音

Question

有人能给我一个例子，说明当用纯javascript按下'a'键时我怎么能发声。我读过类似的问题，但人们总是用jQuery代码回复

Answer 1

我认为你正在寻找这样的东西：

<强>的index.html

<div data-key="65" class="key">
    <kbd>A</kbd>
</div>

<audio data-key="65" src="youraudiofile.wav"></audio>

<强> app.js

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.currentTime = 0; // rewind to the start of audio
    audio.play();
    key.classList.add('playing')
});