使用 YUI 在 iframe 与其父级之间触发事件

Question

我有一个 iFrame 正在触发一个我希望父页面拾取的事件。本质上这个问题的反面。我可以在 iFrame 内获取该事件，因此我知道它正在触发，但父级中没有任何反应。

我正在使用 YUI 3，因此任何基于此的答案都会得到双赞，但我们非常感谢所有帮助。

Answer 1

显然事件不会跨帧传播。以下是我解决此问题的方法：

在父框架中定义此全局函数：

var fireGlobalEvent = function (e, param) {
  YUI().use('event-custom', function (Y) {
    var publisher = new Y.EventTarget();
    publisher.publish(e, {
      broadcast:  2,   // global notification
      emitFacade: true // emit a facade so we get the event target
    }).fire(param);
  });
};

然后只需在子框架中调用此函数即可触发父框架中的事件。

window.parent.fireGlobalEvent('my_custom_global_event', 'an_extra_param');

然后该事件被父模块捕获：

    Y.Global.on('my_custom_global_event', function (e, param) {
       // do something
    });