window.addEventListener("消息", getData);在野生动物园中不起作用？

Question

我正在从 js 脚本向 iframe 发送一个 postmessage，它正在响应中

// 在 react 中监听 postMessage() 函数 // 反应文件

useEffect(() => {

function getData(e) {
  console.log("inside function");
  var origin = e.origin || e.originalEvent.origin;
  console.log("origin", origin);

  if (typeof e.data == "object" && "shopDomain" in e.data) {
    console.log(e.data);
  } else {
    console.log("not able to catch data");
  }
}
window.addEventListener("message", getData, false);
return () => {
  window.removeEventListener("message", getData, false);
};
}, []);

// JS文件

let win = iframe.contentWindow;
win.contentWindow.postMessage(
  {
    customerId: customerId_rs,
    parentLocation: window.location.host,
  },
  "*"
);

查看了各种网站，但找不到任何解决方案。在此花费了将近 10 个小时，任何帮助将不胜感激。

Answer 1

似乎 safari 没有完全支持，但如果你检查 addEventListener 的浏览器支持，它应该支持，你可以看到

• 对于 touchstart 和 touchmove 事件，options.passive 参数默认为 true
• 对于滚轮和鼠标滚轮事件，options.passive 参数默认为 true
• options.signal 参数

这些没有支持。你可以阅读更多关于它here