jquery - 在HTML中按下“Tab键”时如何播放音乐

我想在键盘上按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和音乐文件在同一个文件夹。。。它不起作用。。。

最佳答案

尝试使用Javascript中的addEventListener键盘事件。“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：对于播放音乐，如果您创建一个像这样的Javascript元素很容易：

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

CSS：添加属性keyCode以便用户看不到它。

#yourAudioTag
{
display: none;
}

JS事件侦听器：
<audio>

关于jquery - 在HTML中按下“Tab键”时如何播放音乐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28079783/