jquery - HTML中按下 "tab key"时如何播放音乐

Question

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

我正在为一家餐厅制作一个数字系统，当输入数字并按下选项卡时，它会发出噪音，引起人们对数字的注意。

谢谢!

我当前的代码是这样的。它不起作用...请纠正我!

    <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”代表 tab 键。
示例如下网页所示: 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();