将JS事件从深层嵌套iFrame调度到多个父窗口

问题描述 投票:0回答:1

假设有页面A,其中包含一个包含页面B的iframe,而页面B包含另一个包含页面C的iframe。

事件是否可以从页面C中以向上遍历并被页面A和B接收的方式触发?

基本上,除了逐个访问父窗口并在每个窗口上调用contentWindow.postMessage之外,还有其他解决方案吗?有更简洁的方法吗?

javascript iframe dom-events
1个回答
0
投票

尝试这样的事情,这样两个页面都将成为单个DOM的一部分

  <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){

      $('#B').load("B.html");
      $('#C').load("C.html");

    });
    </script>
    </head>
    <body>
    <div class='parent'>
    <div id="A"></div>
    <div id="B"></div>
    </div>

    </body>
    </html>
© www.soinside.com 2019 - 2024. All rights reserved.