將事件從父窗口傳遞給iframe？ （Javascript）

Question

在開始這個問題之前，我不得不說我真的到處搜索找到答案，但沒有發現。還嘗試了很多事情，如dispatchevent，postmessage，但沒有任何工作。

這是這種情況。

我有一個主窗口，在那裏我有4個簡單的按鈕，如龍牙，uparrow，左，右箭頭。我想創建一個模擬事件傳遞給這個主窗口中的iframe。

在iframe是一個頁面加載其中是一個事件處理程序，並對箭頭作出反應。

我嘗試以下，但沒有工作

var event = document.createEvent('KeyboardEvent'); // create a key event define the event 
event.initKeyboardEvent("keypress",  // typeArg,               
true,    // canBubbleArg,               
true,    // cancelableArg,              
null,    // viewArg, Specifies UIEvent.view. This value may be null.  
false,   // ctrlKeyArg,                
false,   // altKeyArg,               
false,   // shiftKeyArg,              
false,   // metaKeyArg,              
39,    // keyCodeArg (39 is the right arrow key),              
0);    // charCodeArg); 

document.getElementById('vid').dispatchEvent(event);   

是否有任何人誰擁有一個想法，我怎麼能解決這個問題呢？

Answer 1

最後，我已經整理出來的問題。我在我的iframe上使用了parent.document來從parnet端捕獲事件，並在iframe上再次創建它們，它效果很好！

Answer 2

我覺得這個jQuery論壇主題應該幫助

https://forum.jquery.com/topic/how-to-pass-mouse-events-to-an-iframe

Answer 3

你想是這樣的：

var iframe = document.getElementById('something'); 
var iframeEvent = new Event('iframe-keypress'); 

document.addEventListener('keypress', function (e) { 
    iframe.dispatchEvent(iframeEvent); 
}); 

iframe.addEventListener('iframe-keypress', function (e) { 
    console.log(e); 
}); 

監聽文件上的事件，然後自定義事件傳下來的iframe 。

的jsfiddle - http://jsfiddle.net/rfkqe64j/