下午就要期末考试了，我已经准备好了复习题和答案，如下图：
我是通过块引脚注插件来引用答案的
每次我想快速滑动答案的时候，老是容易划到下一个答案，希望可以像悬浮窗口那样，点击的时候自动聚焦这个答案
为什么不选择悬浮窗口呢？
因为
- 窗口太小了，每次都要调整
- 悬浮需要消耗时间，希望不能快速查看某一个答案
故有没有大佬可以写一个 js 代码片段，点击引用自动聚焦，以排除其他块内容的影响
-
思源笔记
26273 引用 • 109216 回帖
思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。
融合块、大纲和双向链接，重构你的思维。
-
Q&A
10104 引用 • 45882 回帖 • 64 关注
提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
1 操作
CongSec
在 2025-05-06 23:03:51 更新了该帖
相关帖子
被采纳的回答
-
wilsons •付费者 捐赠者
超级块和普通情况不同，它无法在光标处于文本区域时按 alt+ 右方向键触发聚焦，必须点击超级图标才行。所以，这里使用了 mouseover 模拟出超级块图标。
又因为这个聚焦产生的焦点无法用 requestAnimationFrame 监听，所以这里先用 while 和 sleep 替代。修改后的代码如下（兼容超级块和普通块）：
setTimeout(()=>{ // 兼容超级和普通块 openAny.setKeymap('mouseleft', async (event, {sleep}) => { if(!event.target.closest('[data-type~="block-ref"]')) return; let el; const start = Date.now(); while(!el){ if (Date.now() - start > 5000) {console.warn('获取聚焦块元素失败');break;} el = document.querySelector('[data-node-id].protyle-wysiwyg--hl') await sleep(40); } if(el.closest('.sb')){ // 超级块 openAny.press('mouseover', el.firstElementChild.querySelector('[contenteditable="true"]')); const superBtn = await whenElementExist(()=>document.querySelector('use[*|href="#iconSuper"]')?.closest('button')); openAny.click(superBtn).click('#commonMenu [data-id="enter"]'); } else { // 普通块 openAny.press('alt+arrowright', el); } }); }, 2000);说明：超级块不用触发快捷键，普通块需要触发快捷键。
请输入回帖内容
...
-
你查看答案是按 alt+ 点击 分屏查看吗？
如果是的话 openAny 可以实现，代码如下：
openAny.setKeymap('alt+mouseleft', async (event, {whenElementExist}) => { const el = await whenElementExist('[data-node-id].protyle-wysiwyg--hl'); openAny.press('alt+arrowright', el); });须知，凡是手动能操作的，大多数情况 openAny 也可以。
补充：
openAny 代码片段下载地址
1 回复1 操作wilsons 在 2025-05-06 14:31:00 更新了该回帖 -
-
-
正如 J 佬所说，你代码片段没开启。
-
不要放到 openAny.js 里面，会报错的。
-
如果不需要分屏，可以用下面的代码，支持手机和 pc。
setTimeout(()=>{ openAny.setKeymap('mouseleft', async (event, {whenElementExist}) => { if(!event.target.closest('[data-type="block-ref"]')) return; const el = await whenElementExist('[data-node-id].protyle-wysiwyg--hl'); openAny.press('alt+arrowright', el); }); }, 2000); -
目前仅支持引用，不支持链接等，如果想支持链接，可以改下 这里的限制即可
if(!event.target.matches('[data-type="block-ref"]')) return;
比如，下面的代码同时支持引用和链接if(!event.target.closest('[data-type="block-ref"],[data-type="a"]')) return;
2 回复 -
-
-
-
超级块和普通情况不同，它无法在光标处于文本区域时按 alt+ 右方向键触发聚焦，必须点击超级图标才行。所以，这里使用了 mouseover 模拟出超级块图标。
又因为这个聚焦产生的焦点无法用 requestAnimationFrame 监听，所以这里先用 while 和 sleep 替代。修改后的代码如下（兼容超级块和普通块）：
setTimeout(()=>{ // 兼容超级和普通块 openAny.setKeymap('mouseleft', async (event, {sleep}) => { if(!event.target.closest('[data-type~="block-ref"]')) return; let el; const start = Date.now(); while(!el){ if (Date.now() - start > 5000) {console.warn('获取聚焦块元素失败');break;} el = document.querySelector('[data-node-id].protyle-wysiwyg--hl') await sleep(40); } if(el.closest('.sb')){ // 超级块 openAny.press('mouseover', el.firstElementChild.querySelector('[contenteditable="true"]')); const superBtn = await whenElementExist(()=>document.querySelector('use[*|href="#iconSuper"]')?.closest('button')); openAny.click(superBtn).click('#commonMenu [data-id="enter"]'); } else { // 普通块 openAny.press('alt+arrowright', el); } }); }, 2000);说明：超级块不用触发快捷键，普通块需要触发快捷键。
请输入回帖内容
...
