javascript - 在模糊的 iFrame 中使用 jQuery 热键

Question

我在带有两个 iFrame(A 和 B)的页面上的 iframe (iFrame A) 中使用 jQuery 热键。当焦点在 A 上时，热键效果很好。但是在使用该应用程序期间，我必须定期在 iFrame B 中单击。

如何使 iFrame A 的热键在未聚焦时也能正常工作？

Answer 1

我大量使用带有热键的 iframe。我让热键调用一个名为“keyPressed”的函数，该函数根据组合键确定要执行的操作。如果我在一个通常在 iframe 中加载的页面上，我会让 iframe 的父级在加载时在 iframe 中绑定(bind)额外的热键。如果没有特定用途，iframe 页面的 keyPressed 函数将尝试将热键传递给父页面。但是，这仅在您可以控制 iframe(它们是您网站的一部分)时才有效。

//handles all key pressed events
function keyPressed(keyname) {
    if (keyname == 'alt+s') {
        SaveStdPage();        
    }
    else if (keyname == 'alt+d') {
        ClickButton('TrashBtn');
    }
    else {
        //Pass hotkey to parent 
        try{
            parent.keyPressed(keyname);
        }
        catch (ex) {
            console.log(keyname);
        }
    }
}