html - iframe 中的游戏让我的屏幕移动

Question

我用 javascript 和 php 制作了一个游戏，当我将游戏放在 iframe 中时，一切正常，但是一旦我开始按下箭头键（这是一个蛇游戏），我的主窗口也开始移动。快去看看这个网站，这样你就可以更好地理解我的意思了。 http://www.dbzweb.be/08/braetj08/
我用cancelbubble尝试了一些东西，但没有帮助。有人可以告诉我如何避免我的主机移动吗？

Answer 1

您需要取消按键事件以阻止它移动。

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = /^(37|38|39|40)$/.test("" + evt.keyCode);
    if (cancelKeypress) {
        return false;
    }
};

/* For Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};