當子iframe獲得焦點時，防止文檔丟失鍵綁定

Question

基本上我的目標是嘗試為我的整個Web項目創建一個鍵盤控制器，我希望能夠保留我在父文檔上創建的鍵綁定，並讓它們由子iframe繼承。 這可能嗎？

以下是我現在所擁有的示例設置： http ： //jsfiddle.net/sahil_signal/d39Nn/9/

<div id="tabcontainer">
    <button id="tab1button" type="button">Tab1</button>
    <button id="tab2button" type="button">Tab2</button>
</div>
<iframe id="iframe1container"></iframe>
<iframe id="iframe2container"></iframe>

$(document).on('keydown', function (e) {
    var keycode = e.keyCode || e.which;

    if (keycode == 9) {
        e.preventDefault();
        console.log("Tab");
    }
});

我希望能夠讓tab鍵仍然綁定，即使iframe獲得焦點，我意識到我可以將tab鍵重新綁定到iframe文檔，但有沒有辦法避免這種情況？

Answer 1

在您的iframe中，您可以添加一個觸發top事件的事件處理程序......將這部分代碼放在iframe文檔中：

$(document).on('keydown', function (e) {
    $(top.document).trigger('keydown',e);
});

這應該簡單地將事件“轉發”到頂部文檔。 請參閱http://api.jquery.com/category/events/event-object/和jap API中的http://api.jquery.com/trigger/ ，以便能夠稍微播放一下。