我正在构建一个基于网络的视频播放平台,需要完全控制视频标签的重播行为。具体来说,我想实现我自己的擦洗功能。为此,我想通过按“向左箭头”、“向右箭头”和“空格”来禁用本机行为以跳过焦点视频标签的重播,并进行我自己的键盘控制。
我已经实现了一个全局击键功能,以便能够从任何地方控制视频播放器:
window.addEventListener('keyup', this.keyboardControl);
为了停止聚焦视频播放器以对按键本身做出反应,我尝试像这样覆盖处理程序:
let video = document.getElementById('video');
video.addEventListener("keydown", function(event){
event.preventDefault();
});
video.addEventListener("keypress", function(event){
event.preventDefault();
});
video.addEventListener("keyup", function(event){
event.preventDefault();
});
要使用 删除事件侦听器target.removeEventListener(type, listener[, options]);,我需要知道执行的本机函数的名称,我认为因浏览器而异。
有办法吗?谢谢团子!
编辑:我在我的视频标签中使用属性“控件”。如果我想删除它,它可以工作,但也会丢失我需要的 GUI 控件。此外,发生在我可以测试的所有浏览器(Chrome、FF、Safari)中。
相关分类