JS ev.preventdefault（）切换到另一个窗口后停止工作

Question

在以下功能中，我尝试通过键阻止滚动，并且效果很好，但是如果我切换到另一个窗口并切换回浏览器窗口，则EV.PreventDefault（）函数将不再起作用。

• KEY_NEXT（）和KEY_LAST（）函数仍然触发，
• 我正在使用Windows 10和Chrome

    function start(){
        window.addEventListener("keyup",(ev)=>{

            if(ev.code === "ArrowUp"){
                ev.preventDefault();
                key_last();

            }
            else if(ev.code === "ArrowDown"){
                ev.preventDefault();
                key_next();
 
            }
            else if(ev.code === "ArrowLeft"){
                ev.preventDefault();
                key_last();

            }
            else if(ev.code === "ArrowRight"){
                ev.preventDefault();
                key_next();
            }
            else if(ev.code === "Space"){
                ev.preventDefault();
            }
        });
    }

Answer 1

我将其添加到我的start（）函数中，现在即使我切换Windows也可以工作。

window.addEventListener("keydown",(ev)=>{
        if(ev.code === "ArrowUp" || ev.code === "ArrowDown" || ev.code === "ArrowLeft" || ev.code === "ArrowRight" || ev.code === "Space"){
            ev.preventDefault();
        }
    });

    window.addEventListener("keypress",(ev)=>{
        if(ev.code === "ArrowUp" || ev.code === "ArrowDown" || ev.code === "ArrowLeft" || ev.code === "ArrowRight" || ev.code === "Space"){
            ev.preventDefault();
        }
    });