javascript - 将事件从父窗口传递到 iframe？ ( Javascript )

Question

在开始这个问题之前，我不得不说我真的到处寻找答案，但一无所获。还尝试了很多事情，如 dispatchevent、postmessage ......但没有任何效果。

情况就是这样。

我有一个主窗口，其中有 4 个简单的按钮，例如向下箭头、向上箭头、向左箭头和向右箭头。我想创建一个模拟事件传递到这个主窗口中的 iframe。

在那个 iframe 中是一个加载的页面，其中有一个事件处理程序并对箭头使用react。

我尝试关注但没有奏效

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

使用postMessage .它完美地工作。

document.getElementById('vid').contentWindow.postMessage(event);