实现 pdf 目标位置标记的代码

点击 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);
​