在JavaScript中的父窗口中的iframe中发生事件？

我无法直接访问这个iframe的源代码,所以我想这样做,如果可能这样.

我有一个由JS生成的iframe：

<iframe name="temp_iframe" width="100%" height="95%" src="'+the_url+'"></iframe>

而里面是一个提交按钮和一个取消按钮.提交按钮工作正常,但我想要取消按钮关闭包含iframe的模式…我还要提交按钮发送,然后关闭模式.通常这将很容易,但我不知道如何在父窗口中将事件设置为影响子窗口的父窗口的iframe的子DOM元素.

例如.如果这不是在iframe和jQuery中：

$('[name=temp_iframe] button').live('click',function(){
    alert('click');
    return false;
});

编辑：也是在同一个领域！

解决方法

使用contents()访问iframe中的Document对象.请注意,在一个文档中使用jQuery库来操纵另一个文档的一般问题,通常应该避免.然而,在绑定事件的情况下,它的工作正常.

$('[name=temp_iframe]').contents().find('button').click(function() {
    alert('click');
});

这需要iframe及其内容被加载,所以在$(window).load()处理程序中,如果需要的话.您不能在文档之间生活/委托,因为事件不会从子文档传播到其父级.

原文地址：https://www.jb51.cc/js/155003.html