javascript - iFrame 处于焦点状态时未触发 Keyup 事件

Question

首先我要说的是我无法控制 iframe。

就像“绊倒”一样，我让用户使用右箭头键导航到下一页。

问题是，如果用户单击 iframe 窗口内的任意位置，则包含文档上的 keyup 事件将被忽略。

<script type="text/javascript">
$(document).ready(function() {
    $(document).on('keyup', null, function(event) {
        var stumblenext = $('#stumblenext');
        if (event.keyCode == 39) { top.location=stumblenext.attr('href'); }
        if (event.keyCode == 37) { history.back(); }
    });
});
</script>

Answer 1

当您检测到焦点位于 iframe 上时，请将焦点更改为页面上的其他某个元素。

脚本:

function changeFocus() {
    if (document.activeElement == document.getElementsByTagName("iframe")[0]) {
        document.getElementById("YOUR_ID").focus();
    }
}

window.setInterval(changeFocus, 1000); // Set time accordingly