javascript - 从 iframe 触发事件

Question

我在一个 Sharepoint 网站上有两个 Webparts ...这基本上就像有两个 iframe。我想做的是，如果 webpartA 发生变化，我想更新 WebpartB ...我到目前为止所做的是在 WebpartA 我尝试触发自定义事件:

$("#datain").change(function () {
    parent.$("document").trigger("datachange" , [$("#datain").val()]);
})

在 Webpart B 我添加了一个 Eventlistener :

parent.$("document").on('datachange',function (event, data) {
    $("#dataout").html(data);
});

当我在 WebpartA 更改某些内容时，事件被触发，但它永远不会到达 WebpartB 的事件监听器。 我的代码有问题吗？还是无法在两个带有自定义事件的 iframe 之间进行通信？

感谢您的帮助。

Answer 1

通过将“文档”更改为“正文”解决了这个问题 所以 Webpart A 是:

$("#datain").change(function () {
    parent.$("body").trigger("datachange", [$("#datain").val()]);
})

Web 部分 B 是:

parent.$("body").on('datachange',function (event, data) {
    $("#dataout").html(data);
});