防止 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.