Javascript onkeydown监听标签视频

Javascript onkeydown监听标签视频,javascript,html,api,video,Javascript,Html,Api,Video,我想在视频标签中触发onkeydown事件 但我看到这并没有给我带来任何结果,我希望我能理解并能帮助我。。。你好 document.querySelector("video").onkeydown = function (e){ switch(e.keyCode){ case 65: console.log('code 65') break; } } 这是我的代码。问题是因为这行console.log('Code 65')中断。它将抛出意外的语法

我想在视频标签中触发onkeydown事件 但我看到这并没有给我带来任何结果,我希望我能理解并能帮助我。。。你好

document.querySelector("video").onkeydown = function (e){  
  switch(e.keyCode){
     case 65:
     console.log('code 65')
    break;  
  } 
}

这是我的代码。

问题是因为这行console.log('Code 65')中断。它将抛出意外的语法

在本演示中,使用
选项卡
键选择/聚焦视频元素。一旦选择了该元素,则只有
keydown
事件才能在t上触发

document.querySelector(“视频”).onkeydown=函数(e){
开关(如钥匙代码){
案例65:
console.log('code 65');//此处已更改
break;c//在这里更改
}
}


如果我原谅你,你必须通过没有“;”来打断我的话但是提示是鼠标的焦点,你必须在视频中,在那里你应该触发onkeydown动作。

如果你想让键盘事件在鼠标点击
元素后响应,那么你需要显式设置输入焦点,这样,您现有的逻辑就可以处理keydown事件

document.getElementById("play-video").onmousedown = function (e){ 
    console.log("focus now on video")
    document.getElementById("play-video").focus()
}
但是,请注意,视觉上,
元素将突出显示以指示选择,如果用户按tab键,则焦点将在
元素的可选部分之间循环


一种可能的解决方案是将
键向下键
作为一个整体绑定到
文档
,这样您就不必担心实际用户将我们的注意力集中在哪里来获取事件(尽管如果页面上有其他输入字段,这可能会增加额外的复杂性)

您在哪个浏览器中使用此功能?键盘事件a)已弃用和b)根据您测试代码的浏览器的不同而处理不同。你好,谢谢你的回答。我在Chrome上工作,目的是专注于视频标签并完成不同的任务。。。