Javascript 如何（取消）关注YouTube'；s视频元素

这个问题来自于我试图开发一个

1.上下文 通常，我根本不清楚网页什么时候关注YouTube的

视频

播放器元素，或者什么时候关注页面主体。如果焦点在

视频

元素上，则箭头键将控制视频；否则，如果焦点在页面主体上，则箭头键将控制滚动

我想添加一个快捷方式（取消）激活

视频

元素上的焦点。我该怎么做

2.我试过的 简单地使用

document.querySelector（'video'）.focus（）

或

document.activeElement.blur（）

对我不起作用。两者都不像

document.activeElement.setAttribute（'disabled'，'true'）

3.其他信息 理想情况下，由于用户通常不清楚焦点在哪里，因此我希望稍后添加一些CSS边框装饰，但我认为一旦解决了前面的问题，这将很简单

坦率地说，为什么YouTube还没有这一切？他们似乎很懒

1.一个可能的解决办法 尝试将焦点改为

div

#movie\u player

元素：

document.addEventListener（'keydown'，（evt）=>{
如果（evt.key=='v'）{
const player=document.querySelector（“#movie_player”）；
document.activeElement.id==='movie\u player'
？player.blur（）
：player.focus（）；
log（'activeElement:'，document.activeElement）；
}
});

2.奖励：上述解决方案的Dart版本 或者，因为您一直在使用Dart：

document.onKeyDown.listen（（KeyboardEvent KeyboardEvent）{
开关（keyboardEvent.key）{
案例“v”：
final元素player=document.querySelector（“#movie_player”）；
document.activeElement.id=='movie\u player'
？player.blur（）
：player.focus（）；
打印（'活动元素：${document.activeElement}'）；
打破
}
});

1。一个可能的解决办法 尝试将焦点改为

div

#movie\u player

元素：

document.addEventListener（'keydown'，（evt）=>{
如果（evt.key=='v'）{
const player=document.querySelector（“#movie_player”）；
document.activeElement.id==='movie\u player'
？player.blur（）
：player.focus（）；
log（'activeElement:'，document.activeElement）；
}
});

2.奖励：上述解决方案的Dart版本 或者，因为您一直在使用Dart：

document.onKeyDown.listen（（KeyboardEvent KeyboardEvent）{
开关（keyboardEvent.key）{
案例“v”：
final元素player=document.querySelector（“#movie_player”）；
document.activeElement.id=='movie\u player'
？player.blur（）
：player.focus（）；
打印（'活动元素：${document.activeElement}'）；
打破
}
});

我今天或明天会看一看。谢谢很明显，即使在飞镖中，它也起作用了。我真的不明白为什么它对我不起作用，因为我所尝试的和你所做的很简单，但是，不管怎样，这已经不重要了。谢谢！我今天或明天去看看。谢谢很明显，即使在飞镖中，它也起作用了。我真的不明白为什么它对我不起作用，因为我所尝试的和你所做的很简单，但是，不管怎样，这已经不重要了。谢谢！