手机端如何禁止左右滑动弹出文档树和设置菜单

把此代码放到 js 代码片段中即可

// 左右滑动时文档树和设置菜单同时禁用
if (!!document.getElementById("sidebar")) {
    const moveHandle = (e) => {
        if(e.target.closest('#menu, #sidebar')) return;
        document.getElementById("menu").style.transform = "";
        document.getElementById("sidebar").style.transform = "";
        const maskElement = document.querySelector(".side-mask");
        maskElement.classList.add("fn__none");
        maskElement.style.opacity = "";
    };
    document.addEventListener("touchmove", moveHandle, { passive: false});
    document.addEventListener("touchend", moveHandle, { passive: false });
}

如何使用代码片段？ - 思源笔记社区平台

改进版，支持仅禁用一个

// 手机端禁止左右滑动弹出文档树和设置菜单
// 改进版，支持仅禁用一个
if (!!document.getElementById("sidebar")) {
    // 右滑不弹出文档树 true 不弹出 false 弹出
    const disableFileTree = true;

    // 左滑不弹出设置菜单 true 不弹出 false 弹出
    const disableSetingMenu = false;

    // 拖动开始
    let startX = 0;
    document.addEventListener("touchstart", (e) => {
        if(e.target.closest('#menu, #sidebar')) return;
        const touch = e.touches[0];
        startX = touch.clientX; // 记录初始X坐标
    }, { passive: true });

    // 拖动中
    const hideMask = () => {
        const maskElement = document.querySelector(".side-mask");
        maskElement.classList.add("fn__none");
        maskElement.style.opacity = "";
    };
    const moveHandle = (e) => {
        if(e.target.closest('#menu, #sidebar')) return;
        if(disableSetingMenu) document.getElementById("menu").style.transform = "";
        if(disableFileTree) document.getElementById("sidebar").style.transform = "";

        if(disableFileTree && disableSetingMenu) {
            hideMask(); // 同时禁用
        } else {        // 仅禁用一个
            const touch = e.touches[0];
            const currentX = touch?.clientX||0;
            const diffX = currentX - startX;
            if (Math.abs(diffX) > 0) {
                if (diffX < 0) {
                    // 左滑 设置菜单
                    if(disableSetingMenu) hideMask();
                } else {
                    // 右滑 文档树
                    if(disableFileTree) hideMask();
                }
                startX = currentX;
            }
        }
    };
    document.addEventListener("touchmove", moveHandle, { passive: false});

    // 拖动结束
    const endHandle = (e) => {
        if(e.target.closest('#menu, #sidebar')) return;
        if(disableSetingMenu) document.getElementById("menu").style.transform = "";
        if(disableFileTree) document.getElementById("sidebar").style.transform = "";
        hideMask();
    };
    document.addEventListener("touchend", endHandle, { passive: false });
}

高性能版

高性能版（新）