将事件从父窗口传递给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/