cómo desencadenar un evento de clic desde un iframe a un elemento de su elemento primario?

Question

¿Cómo puedo activar un evento de clic dentro de un iframe a un elemento de su elemento primario?

Probé el siguiente código en la página principal antes de abrir el iframe.

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

También probé

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

y dentro del marco flotante He Embebido este código en un evento de clic

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

pero does't trabajo estoy haciendo algo mal aquí?

Answer 1

Debe consultar el documento principal del iframe. Esto debería hacer lo que tiene:

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

Si usted tiene el control de la fuente para ambos, puede hacerlo de esta manera

How to communicate between iframe and the parent site?