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

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" 代表 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();

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

How to play music when "tab key" is pressed in HTML

html

jquery

mp3