jquery在iframe窗口中触发自定义事件

Question

我无法从父文档触发 iframe 中的自定义事件。

在 child 中我有这样的代码:

$(window).on( 'my-event', function() { console.log( "GOT IT" ) } )

在父级中，我获取 iframe 并尝试发送事件:

iframe = document.getElementById( 'content-frame' )
$(iframe.contentWindow).trigger( 'my-event' )

事件未到达。我尝试过使用“文档”而不是窗口，但仍然没有成功。

这可以用 jquery 完成吗？

我希望有一种简单的方法，这样我就可以避免编写调度函数，让父级调用 iframe 中的函数并调度事件。

Answer 1

这是我的解决方案。在父级中，您可以使用以下命令触发事件:

$('#content-frame')[0].contentWindow.$('body').trigger('my-event');

在子进程中，您可以监听该事件:

$('body').on('my-event', function(e) {
  alert("Hello, World! Message received!");
});