B站按键切换显示/隐藏滚动弹幕

coult3

写了个js小脚本，作用是在B站，按g键，切换显示/隐藏 滚动弹幕（模拟点击网页上滚动弹幕的按钮），但只是在非全屏模式下有效；
而在全屏模式和网页全屏模式下，是不起作用的，估计是因为全屏模式下，网页元素显示不出来，请问这个各位大佬怎么解决？


测试网址：纯黑《黑神话：悟空》全程无伤攻略解说 第一期

1. document.addEventListener('keydown', function (event) {
   
2. 
   
3.     if (event.key === 'g') {
   
4. 
   
5.         document.querySelector("#bilibili-player > div > div > div.bpx-player-primary-area > div.bpx-player-sending-area > div > div.bpx-player-dm-root > div.bpx-player-dm-setting > div > div > div > div > div > div.bui-panel-item.bui-panel-item-active > div > div.bpx-player-dm-setting-left-block > div.bpx-player-dm-setting-left-block-content > div.bpx-player-block-filter-type.bpx-player-block-typeScroll").click();
   
6. 
   
7.     }
   
8. 
   
9. });

复制代码

S8F8ry

🤪 这是因为给的选择器("#bilibili-player > div > div > div.bpx-player-primary-area > div.bpx-player-sending-area > div > div.bpx-player-dm-root > div.bpx-player-dm-setting > div > div > div > div > div > div.bui-panel-item.bui-panel-item-active > div > div.bpx-player-dm-setting-left-block > div.bpx-player-dm-setting-left-block-content > div.bpx-player-block-filter-type.bpx-player-block-typeScroll")太具体了，全屏模式下网页会调整 HTML 内容，导致这组选择器无法再匹配到相应的按钮，你可以改成：

1. document.addEventListener('keydown', function (event) {
   
2.     if (event.key === 'g') {
   
3.       document.querySelector('.bpx-player-block-typeScroll')?.click();
   
4.     }
   
5.   });

复制代码

coult3

多谢超版大佬👍👍👍 ，学到了可选链接运算符