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

Question

我正在开发一个旨在与所有域一起使用的chat-bot。假设我在chat.mybot.com＆＃39;（iframe）下有一个聊天机器人方面（在角度上完成），我的网站是＆＃39; example.com＆＃39;，在这里我不能听事件＆＃39; chat.mybot.com＆＃39;（iframe）来自＆＃39; example.com＆＃39;因为它在不同的领域。

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

$('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内触发的事件。

OR

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

InnerIframe - ID of IFrame
SuperWebF1 - ID of the button