Javascript 多音频播放器-箭头键和;空间

Javascript 多音频播放器-箭头键和;空间,javascript,vue.js,audio,html5-audio,event-listener,Javascript,Vue.js,Audio,Html5 Audio,Event Listener,我正在创建音频播放器的Vue组件 我很难找到理想的方法让箭头键和空间发挥作用 我已经找到了一个解决办法,但我认为它不是最好的,也不是最有效的。我在组件中向DOM添加了一个侦听器,但问题是页面上将有多个播放器,因此我将有多个DOM侦听器 这是一个好的解决方案还是有更好的解决方案 //组件代码 ... document.addEventListener('keydown',event=>{ 如果(!state.isPlaying) 返回; 开关(event.keyCode){ 案例32: 暂停();

我正在创建音频播放器的Vue组件

我很难找到理想的方法让箭头键和空间发挥作用

我已经找到了一个解决办法,但我认为它不是最好的,也不是最有效的。我在组件中向DOM添加了一个侦听器,但问题是页面上将有多个播放器,因此我将有多个DOM侦听器

这是一个好的解决方案还是有更好的解决方案

//组件代码
...
document.addEventListener('keydown',event=>{
如果(!state.isPlaying)
返回;
开关(event.keyCode){
案例32:
暂停();
打破
案例37:
audio.currentTime-=2;
打破
案例39:
audio.currentTime+=2;
打破
违约:
打破
}
});