<video> "keypress"标签上的事件未触发箭头键



所以我想禁用默认浏览器视频播放器的箭头键快捷键。我想它看起来像是在用";按键";事件,所以我应该可以用简单的来完成

player.addEventListener("keypress", (e) => {
e.preventDefault();
e.stopPropagation();
});

然而,它不起作用,因为当我发现按下箭头键时听众没有开火,它对所有其他键都起作用。我在listener func中添加了一个console.log,而不是preventDefault,当打碎键盘上的随机键时,我得到了预期的日志,但对于箭头键,什么都没有。

用";keydown";事件侦听器启动,但preventDefault不执行任何操作,箭头键仍然有效。

为什么?有没有什么方法可以禁用这些快捷方式并使";按键";箭头键的事件侦听器工作吗?

几次尝试失败后,我想起来我也遇到了同样的问题,多亏了KayaNatsumi在html5视频行为控制上的一篇帖子,我解决了这个问题。

问题链接:https://stackoverflow.com/a/63040542/14124576

最新更新