从父框架触发 iframe 内元素的事件处理程序答案

【问题标题】：Triggering an event handler on an element inside iframe from parent frame从父框架触发 iframe 内元素的事件处理程序
【发布时间】：2012-08-20 03:48:34
【问题描述】：

我有一个 html 页面。在其中，我使用 jQuery 在链接上附加点击事件。然后我使用 iframe 从另一个页面引用这个 html 页面。但是我无法使用 js 触发附加在该链接上的事件（当我用鼠标单击链接时，事件被触发没有问题）。如何从父框架触发该事件？我尝试了以下方法，但它不起作用：

var frame = $('#mainFrame'); // the iframe I am trying to access
var link = $('a.btn', frame.contents()); // the element is found correctly
link.trigger('click');  // nothing happens. 
var e = link.data('events');  // e is undefined.

【问题讨论】：

框架是否在同一个域中？
是的。现在都在 localhost 下
我知道我无法为跨站点脚本执行此操作，但我可以为同一个域执行此操作吗？
好的，我在这里找到了一个帖子：link。如果我使用frame[0].contentWindow.$('a.btn').trigger('click')，它将起作用。谁能指出我的区别？
我下面的回答解决了你的问题吗？

标签： jquery iframe event-handling

【解决方案1】：

你可以这样做。

document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click');

您也可以为此目的使用postMessage()。它也适用于跨域。但是iframe里面的JS必须监听message事件，即你需要控制iframe的来源。

【讨论】：

优秀的例子。谢谢！

【解决方案2】：

只需将 onload() 事件放在 iframe 标记内即可。

<iframe src="http://myURL.com" onload="myFunction()">

【讨论】：