javascript - 如何触发从 iframe 内容到外部网站的事件？

Question

我正在研究旨在与所有域一起使用的聊天机器人。假设我在“chat.mybot.com”（iframe）下有一个聊天机器人端（在角度上完成）并且我的网站是“example.com”，在这里我无法收听“chat.mybot.com”的事件（iframe ) 来自“example.com”，因为它位于不同的域中。

如果它在同一个域上的解决方案

$('iframe#chat_bot').load(function(){
  $(this).contents().find("body").on('click','#showthat',function(event){ 
    alert("div with id 'showthat' clicked inside iframe"); 
  });
});

问题

在跨域情况下我该怎么做？

我进行了一些研究并查看了其他聊天应用程序，但仍然无法清楚地知道如何去做。

任何建议或想法表示赞赏。

Answer 1

这可能会帮助你。

parent.$('body').trigger('eventName');

在 iframe 内触发的事件将在父文档中检测到。

或者

$('#InnerIframe').contents().find('#SuperWebF1').trigger( "click" );

InnerIframe - ID of IFrame
SuperWebF1 - ID of the button