我正在使用Kongregate shell从libgdx导出一个gwt游戏，并将其放在iframe中。通过查阅资料，我发现可以使用window.focus()来让游戏实际捕捉到键盘输入，但当我使用箭头键时，它会滚动实际的浏览器窗口，让人非常烦恼。
有没有办法忽略浏览器，使iframe处于焦点状态时避免这种情况？
谢谢
有没有办法忽略浏览器，使iframe处于焦点状态时避免这种情况？
谢谢
2个回答
1
我曾在自己的网站上发布游戏时遇到了这个问题，我在libGDX GitHub Issue Tracker上询问并得到了issue上的回复。
总结maximojr告诉我的内容，你需要在脚本中添加一个额外的函数，内容如下：
然后，在HTML文件的标签中（由于这是一个iframe，我不确定这样做是否有效，但值得一试），不要写
希望这可以帮助你！
总结maximojr告诉我的内容，你需要在脚本中添加一个额外的函数，内容如下：
function preventUseOfDefaultKeys(event) { // You can change the function name
if(event.keyCode == 38) { // 38 would be the up arrow
event.preventDefualt();
}
}
然后，在HTML文件的标签中（由于这是一个iframe，我不确定这样做是否有效，但值得一试），不要写
<body>，而是写<body onkeydown="preventUseOfDefaultKeys(event);" >。这应该有效，尽管我在我的系统上遇到了某些键的问题。希望这可以帮助你！
- Deathsbreed
0
我遇到了同样的问题。这是我找到的解决方案。
- 在index.html文件的
<body>标签开头创建一个文本框：
<input type="text" id="shazam" style="position: absolute; left: 50%; z-index: -1; border-color: transparent; outline: none; color: transparent; background-color: transparent;" />
'position'属性设置为absolute意味着它将忽略其他元素，'left'属性将使其（几乎）位于窗口的中心，并且'z-index'属性将使其首先渲染，让其他元素显示在其上方（在这种情况下是由libgdx生成的画布）。将outline和颜色都设置为透明只是为了确保这个输入框是不可见的。
- 在
<head>标签中放入以下脚本：
<script type="text/javascript">
window.onkeydown = function(e) {
if(e.keyCode == 32) {
document.getElementById("shazam").focus();
}
};
window.onscroll = function(e){
document.getElementById("shazam").style.top=window.pageYOffset+"px";
};
</script>
这将禁用空格键向下滚动，但画布外的任何内容也将无法接收到空格键。我只在Google Chrome上进行了测试。
我知道，这是一个丑陋的解决方法，但...好吧，它有效。
----编辑
现在，在使用鼠标滚动窗口后按下空格键时，窗口不会突然向上滚动。
- maximojr
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接