防止 SPACE 和 ARROW 滚动 [Game Iframe]
[英]Prevent SPACE and ARROW from scrolling [Game Iframe]
问题描述
当游戏专注于儿童在线游戏网站时，我无法阻止 Space and Arrows 向下/向上滚动。
为了防止 web 页面上的此功能，我知道，我们可以使用：
window.addEventListener("keydown", function(e) {
if(["Space","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(e.code) > -1) {
e.preventDefault();
}
}, false);
但是，问题在于游戏的重点是什么时候。
游戏通过iframe镜像，一旦用户点击游戏并且游戏 iframe 将聚焦，上面的code将不再工作。
当然，这很令人沮丧，因为我们有一些游戏，您需要使用空格键或向上/向下箭头来移动、跳跃或其他东西 - 但只要您按下这些按钮，页面就会开始滚动。
页面示例：
...
<body>
<iframe src="https://example.com/game/game21/index.html" width="X" height="Y"></iframe>
...
我无权修改 src 页面。
1 个解决方案
解决方案1
1 已采纳 2021-03-18 15:03:12
您缺少e.stopPropagation(); . 尝试这个：
window.addEventListener("keydown", function(e) {
if(["Space","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(e.code) > -1) {
e.preventDefault();
e.stopPropagation();
}
});
防止iframe滚动
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.