在HTML中按下“tab键”时如何播放音乐

Question

我希望能够在键盘上按下Tab键时播放mp3文件。

我正在为一家餐馆制作一个数字系统，当输入一个数字并按下 tab 时，它会产生一个噪音，引起人们对数字的注意。

谢谢！

我目前的代码是这样的。它没有用......请纠正我！

    <script>
      window.addEventListener("keydown", checkKeyPressed, false);

      function checkKeyPressed(e) {
        if (e.keyCode == "9") {
          //Play Music
          document.getElementById('aud').play()
        } 
      }
    </script>
    <audio src="music.mp3" id="aud">
      <p>Your browser does not support the audio element.</p>
    </audio>

我也把它隐藏在css中，音乐文件在同一个文件夹中...它无法正常工作......

Answer 1

尝试使用Javascript中的addEventListener使用Javascript键盘事件。 keyCode“9”代表标签键。
此示例显示在此网页上： http://www.kirupa.com/html5/keyboard_events_in_javascript.htm
的的Javascript ：

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

function checkKeyPressed(e) {
    if (e.keyCode == "9") {
        //Play Music
        document.getElementById('yourAudioTag').play()
    }
}

HTML ：要播放音乐，如果您创建这样的<audio>元素很容易：

<audio src="dingdong.mp3" id="yourAudioTag">
<p>Your browser does not support the audio element.</p>
</audio>

CSS ：添加属性display: none;，以便用户无法看到它。

#yourAudioTag
{
display: none;
}

JS事件监听器： document.getElementById('yourAudioTag').play();