如何触发从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