javascript - 按键时无法从 iframe 失去焦点

Question

我的 html 页面中有一个 iframe。 我在我的 html 文档中附加了关键事件。

当我按下“a”或“z”时，我可以执行类似 addClass 或 removeClass 的操作。

所以在那个 block 中，当我尝试将焦点添加到 iframe 时，它​​被添加了。但是对于关键事件，我不能失去焦点(模糊)iframe。

示例代码如下:

    switch (myKey) {
        case 'a':
            $('div').append("<p>a pressed</p>");
            $("iframe").addClass("thick");
            $("iframe").focus();
            break;
        case 'z':
            $('div').append("<p>z pressed</p>");
            $("iframe").removeClass("thick");
            $("iframe").blur();
            break;
        default:
            //console.log('keycode', keycode);
    }

谁能帮帮我，告诉我哪里错了？

fiddle - http://jsfiddle.net/hgXyq/70/

Answer 1

您正在更改事件 DOM。您需要添加额外的代码以使其也适用于 iframe(或返回文档)。只是我添加了这一行，它对我有用。但是，您可以将其更改为其他内容以返回文档。

...
$(document).on('keydown keyup keypress', documentKeys);
$('iframe').on('keydown keyup keypress', documentKeys); //This line was added