javascript - 无法将 keydown 事件绑定(bind)到整个文档

Question

我的页面中有一些控件(控件保存在 iframe 中)。我将 keydown 事件绑定(bind)到控件，如下所示，

    $(function () {
        $(document).on("keydown", function (e) {
            if (e.altKey && e.keyCode === 74) { // j- key code.
                $("#accordion").focus();
            }
        });
    });

页面加载后，如果我按 alt + J，控件会在 chrome 中正确聚焦，但在 Firefox 和 IE 中不会。仅当我单击 iframe 区域然后按 alt + J 时，控件才会获得焦点。如果我删除 iframe，控件将在所有浏览器中正确聚焦，而无需单击 iframe 区域。如果我按 alt + J 而无需单击 iframe 区域，如何使控件获得焦点？

提前致谢。

Answer 1

我认为您可以使用 document.ready 或 window.onload

例子请看下面:

$(document).ready(function() {
      $(document).on("keydown", function (e) {
        if (e.altKey && e.keyCode === 74) { // j- key code.
            $("#accordion").focus();
        }
    });
});

或者

$(window).load(function() {
     $(document).on("keydown", function (e) {
        if (e.altKey && e.keyCode === 74) { // j- key code.
            $("#accordion").focus();
        }
    });
});

希望一切顺利