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



我有一个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. 

以下是如何做到这一点。

document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click');
  • 演示:http://jsbin.com/aYijiLe/2
  • 家长:http://jsbin.com/aYijiLe/2/edit
  • iFrame:http://jsbin.com/IrogeBi/1/edit

您也可以将postMessage()用于此目的。它也可以跨域工作。然而,iframe内部的JS必须侦听message事件,即您需要控制iframe的源。

  • 演示:http://jsbin.com/ILAsEmE/1
  • 家长:http://jsbin.com/ILAsEmE/1/edit
  • iframe:http://jsbin.com/uZEQuTa/2/edit

只需将onload()事件放置在iframe标记内

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

相关内容

  • 没有找到相关文章

最新更新