点击 pdf 标记链,跳转后目标链会有个动画显示,但是时间比较短,对我来说辨识度不够,如下:
本代码实现目标链用不同的底色显示,效果如下:
使用方法:按照 ALT 键,并鼠标左键点击 pdf 链接的后部空白处。
//添加全局单击事件
document.body.addEventListener("click", (event) => {
//如果是文档选项卡,则关闭当前文档
let s = event.target
if (event.altKey) {
// 获取当前焦点所在block的id
let f1 = s.parentNode;
let id = f1.getAttribute("id");
if (id == "theme-focus-block") {
//如果是pdf引用链接
let s1 = f1.querySelector("span[data-type=file-annotation-ref]");
if (s1 == null) return;
id = s1.getAttribute("data-id");
if (id == null) return;
let sPdf = null;
//获取pdf链接 assets/15S909 《消防给水及消火栓系统技术规范》图示-20221210154812-q3i5kjh.pdf/20221211002607-vae9lwh
let did = s1.getAttribute("data-id").split("/").reverse()[0];
s1.click();
setTimeout(() => {
sPdf = document.querySelector(`.pdf__rect.popover__block[data-node-id='${did}']`);
if (sPdf == null) {
推送消息(`请切换到PDF界面再切回重试;<div>或者点击链接检查是否缺少PDF链接</div>`);
return;
}
if (Bb.dd上次pdf矩形框 != null) Bb.dd上次pdf矩形框.style.backgroundColor = "";
Bb.dd上次pdf矩形框 = sPdf.querySelector("div");
Bb.dd上次pdf矩形框.style.backgroundColor = "rgb(5, 121, 175)";
}, 200);
}
}
}, false);
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于