在控制台中工作，但在.js文件中不起作用

Question

我使用了addeventlistener，它确实适用于' click ';适当的，但不是"按键";一个,所以我在控制台中尝试了相同的代码，我得到了我希望的结果，所以我回到我的代码并刷新了我的页面，同样的问题没有响应。

我期望当我按键盘上的一些键时播放跟踪。

document.addEventListener("keypress",function(event){
makeSound(event.key);
});
function makeSound(key){
switch (key) {
case "w":
var tom1 = new Audio('sounds/tom-1.mp3');
tom1.play();
break;
case "a":
var tom2 = new Audio('sounds/tom-2.mp3');
tom2.play();
break;
case "d":
var tom4 = new Audio('sounds/tom-4.mp3');
tom4.play();
break;
case "s":
var tom3 = new Audio('sounds/tom-3.mp3');
tom3.play();
break;
case "j":
var snare = new Audio('sounds/snare.mp3');
snare.play();
break;
case "k":
var crash = new Audio('sounds/crash.mp3');
crash.play();
break;
case "l":
var kick = new Audio('sounds/kick-bass.mp3');
kick.play();
break;
default:
}

Answer 1

Try ';rewinding"播放前的声音

document.addEventListener('keypress', makeSound)
const tom1 = new Audio('./tom1.wav')
const tom2 = new Audio('./tom2.wav')

function makeSound(event) {
switch (event.key) {
case 's':
tom1.currentTime = 0;
tom1.play();
break;
case 'd':
tom2.currentTime = 0;
tom2.play();
break;
}
}