當我按下鍵盤上的“ z”時，我希望它將具有sound1.wav的鍵“ a”更改為現在按下時播放sound2.wav

Question

所以我要完成的是：在鍵盤上按'a'會播放'hello.wav'。 按鍵盤上的“ z”將鍵“ a”更改為“ goodbye.wav”。 現在，通過在鍵盤上按“ a”，它將播放此“ goodbye.wav”而不是“ hello.wav”。

因此，在html中，我有一堆音頻ID的div：

            <audio id="c1" controls style="display:none">
              <source src="hello.wav" type="audio/mpeg">
            </audio>

並通過按下按鍵“ a”（按鍵代碼= 65）和javascript代碼來觸發聲音：

    document.addEventListener('keydown', function(e) {
      if (e.keyCode == 65) {
        document.getElementById('c1').play();
      }
    });

我不知道該怎么做，如果我按了鍵“ z”，那么鍵碼== 65現在將播放goodbye.wav而不是hello.wav：

     <audio id="ex1" controls style="display:none">
          <source src="goodbye.wav" type="audio/mpeg">
    </audio>

Answer 1

您可以使用某些標志來跟蹤z是否被按下，然后在A鍵上播放適當的音樂。 希望我正確理解了您的要求。

var enableGoodbye = false;
document.addEventListener('keydown', function(e) {
  if (e.keyCode == 65) {
    if (enableGoodbye === true)
        document.getElementById('ex1').play();
    else
        document.getElementById('c1').play();
  } else if (e.keyCode == 90) { //If Z, set flag to true
        enableGoodbye = true;
  }
});

這是一個小提琴： http : //jsfiddle.net/t8owxqo6/