在用户浏览器中禁用箭头键滚动
在用户浏览器中禁用箭头键滚动
提问于 2012-01-19 04:02:27
我正在用canvas和javascript做一个游戏。
当页面比屏幕长时(评论等)按向下箭头向下滚动页面，使游戏无法进行。
当玩家只想向下移动时，我可以做些什么来防止窗口滚动？
我猜对于Java游戏，这不是问题，只要用户点击游戏即可。
我尝试了来自How to disable page scrolling in FF with arrow keys的解决方案，但是我不能让它工作。
回答 1
Stack Overflow用户
发布于 2021-08-19 18:04:55
这是为React重写的公认答案。
import { useEffect } from "react";
const usePreventKeyboardScrolling = () => {
const onKeyDown = (e) => {
if (
["Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].indexOf(
e.code
) > -1
) {
e.preventDefault();
}
};
useEffect(() => {
window.addEventListener("keydown", onKeyDown, false);
return () => window.removeEventListener("keydown", onKeyDown);
});
};
export { usePreventKeyboardScrolling };页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8916620
复制相关文章
相似问题