切换窗口返回浏览器后ev.preventDefault()失效问题

拦截失效的核心问题是事件类型选错了：
浏览器处理方向键、空格键触发页面滚动的默认逻辑，是在keydown事件阶段执行，和keyup事件没有关系。
页面初次加载时看似拦截生效，只是Chrome初始化阶段事件调度的偶发兼容表现。切换系统窗口再切回浏览器的过程中，Chrome会清空原有键盘事件上下文，重新获得焦点后会严格遵循标准事件生命周期执行逻辑：先在keydown阶段完成滚动默认行为，等keyup事件回调触发时，默认行为早就执行结束，此时调用ev.preventDefault()没有任何作用。这也和已确认的现象完全吻合：key_next()、key_last()绑定在keyup回调里，所以能正常执行，但滚动拦不住。
另外Chrome默认会将window、document层级的部分事件监听器标记为被动模式（passive: true），被动模式下的监听器调用preventDefault()会被浏览器直接忽略，会进一步导致拦截失效。

将监听事件调整为keydown，显式声明监听器不是被动模式，同时补全可编辑元素判断，避免干扰正常的表单输入操作：

function start(){
    window.addEventListener("keydown", (ev)=>{
        // 跳过输入框、文本域、富文本等可编辑区域的键盘事件
        const activeEl = document.activeElement;
        const isEditable = activeEl.tagName === 'INPUT' 
            || activeEl.tagName === 'TEXTAREA' 
            || activeEl.isContentEditable;
        if (isEditable) return;

        const targetKeys = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Space"];
        if (targetKeys.includes(ev.code)) {
            ev.preventDefault();
            // 保留原有业务逻辑
            if(ev.code === "ArrowUp" || ev.code === "ArrowLeft"){
                key_last();
            }
            if(ev.code === "ArrowDown" || ev.code === "ArrowRight"){
                key_next();
            }
        }
    // 显式声明非被动监听器，保证preventDefault可正常生效
    }, { passive: false });
}

• 切换系统窗口前后，方向键、空格触发的默认滚动行为都能被稳定拦截
• 可编辑区域内的键盘操作不受影响，不会干扰正常输入
• 原有key_next()、key_last()的业务触发逻辑完全保留

内容的提问来源于stack exchange，提问作者jonnyjacuzzi