如何在iframe中觸發click事件到其父元素？

Question

如何從iframe中觸發單擊事件到其父元素？

在打開iframe之前，我在父頁面上嘗試了以下代碼。

jQuery('iframe').contents().bind('eventhandler', function() {               
                alert('event was fired');
        }); 

我也試過了

jQuery(document).bind('eventhandler', function(e) {
alert('event was fired');
}); 

在iframe中，我將此代碼嵌入到click事件中

jQuery(document).trigger('eventhandler');                      

但它不起作用我在這里做錯了嗎？

Answer 1

您需要從iframe引用父文檔。 這應該做你需要的：

index.html的：

<iframe src="iframe.html"></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
    $(document).on('eventhandler', function() {               
        alert('event was fired');
    });
}); 
</script>

Iframe.html的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
    parent.$(parent.document).trigger('eventhandler');  
});
</script>

Answer 2

如果你可以控制兩者的來源，你可以這樣做

如何在iframe和父網站之間進行通信？