本机视频播放器:从按键中删除事件处理程序

我正在构建一个基于网络的视频播放平台,需要完全控制视频标签的重播行为。具体来说,我想实现我自己的擦洗功能。为此,我想通过按“向左箭头”、“向右箭头”和“空格”来禁用本机行为以跳过焦点视频标签的重播,并进行我自己的键盘控制。


我已经实现了一个全局击键功能,以便能够从任何地方控制视频播放器:


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)中。


海绵宝宝撒
浏览 105回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript