document.addEventListener('keypress', (event) => { //if(event.target.nodeName == "BODY") { if(event.target.nodeName !== "INPUT" && event.target.nodeName !== "TEXTAREA") { switch(event.key) { case "j": player.currentTime(player.currentTime()-10); break; case "k": player.paused() ? player.play():player.pause(); break; case "l": player.currentTime(player.currentTime()+10); break; case ",": player.currentTime(player.currentTime()-0.1); break; case ".": player.currentTime(player.currentTime()+0.1); break; case "i": player.trimmingControls().updateTrimTimes(player.currentTime(), player.trimmingControls().options.endTrim); break; case "o": player.trimmingControls().updateTrimTimes(player.trimmingControls().options.startTrim, player.currentTime()); break; case "0": player.currentTime(0); break; case "1": player.currentTime(player.duration()*0.1); break; case "2": player.currentTime(player.duration()*0.2); break; case "3": player.currentTime(player.duration()*0.3); break; case "4": player.currentTime(player.duration()*0.4); break; case "5": player.currentTime(player.duration()*0.5); break; case "6": player.currentTime(player.duration()*0.6); break; case "7": player.currentTime(player.duration()*0.7); break; case "8": player.currentTime(player.duration()*0.8); break; case "9": player.currentTime(player.duration()*0.9); break; } } // const keyName = event.key; // console.log('keypress event\n\n' + 'key: ' + keyName); // console.log(event.target.nodeName); }); //Arrow keys only detected on keydown, keypress only works in "some" browsers document.addEventListener('keydown', (event) => { if(event.target.nodeName !== "INPUT" && event.target.nodeName !== "TEXTAREA") { switch(event.keyCode) { case 37: player.currentTime(player.currentTime()-5); break; case 39: player.currentTime(player.currentTime()+5); break; } } });