JavaScript keyDown 不触发

Question

我在模式窗口中有一个页面，正在其中显示幻灯片。目标受众是平板电脑用户，他们通过从右向左或从左向右滑动来导航显示，以查看下一张或上一张幻灯片。这一切都很顺利。

但是，如果有人使用计算机查看页面，我希望他们能够使用键盘上的箭头键进行导航。我能够检测到击键，但只有在用户在模式窗口内单击之后才能检测到。我真的希望用户在键盘导航出现之前不必单击任何地方。我尝试什么似乎并不重要，这始终是问题所在。

请注意，因为这是一个模态窗口，所以它通过使用 iFrame 引入其内容。

这是代码。我已经确认它确实在页面加载时运行，并且 pageTurn 函数可以与其他事件配合使用:

document.onkeydown = function(e){   
    if (e == null) {
        keycode = event.keyCode;
    } else {
        keycode = e.which;
    }
    if(keycode == 37){
        pageTurn('right');
    } else if(keycode == 39){
        pageTurn('left');
    }   
};

Answer 1

尝试将事件附加到 document.documentElement 而不仅仅是 document。

如果失败，请尝试添加 document.body.focus() 以确保文档已准备好接收键盘输入。

编辑:在 iFrame 内，事件需要附加到 top.document.documentElement，或者按照说明附加到所有框架 here