Agregar un detector de eventos a un iframe

Question

¿Es posible agregar un detector de eventos a un iframe? He probado este código, pero no parece funcionar:

document.getElementsByTagName('iframe')[0].contentWindow.window.document.body.addEventListener('afterLayout', function(){ 
       console.log('works'); 
      }); 

También acabo de conseguir intentado usar el elemento de identificación y la adición de mi oyente a través del marco de JavaScript que estoy usando, como este :

Ext.fly("iframeID").addListener('afterLayout', function(){ alert('test'); }); 

puedo llamar a funciones en el marco flotante, por lo que no creo que la seguridad es un problema. ¿Algunas ideas?

Answer 1

Las razones del fracaso podrían ser: -

1. La URL a la que se dirige el iframe de un dominio diferente como el contenedor, por lo tanto, el código se evita mediante el bloqueo de secuencia de comandos entre dominios.
2. El código se ejecuta antes de que el contenido de la trama se carga

Answer 2

Si usted está haciendo el trabajo iframe grave en Ext, usted debe buscar en la extensión del usuario ManagedIFrame:

http://www.extjs.com/forum/showthread.php?t=40961

Se Características del edificio -en eventos y mensajería cross-frame, así como muchos otros beneficios.

Answer 3

Nunca intenté manejar el evento 'afterLayout', pero para obtener más código compatible con el navegador usará (iframe.contentWindow || iframe.contentDocument) en lugar de iframe.contentWindow.

intentar algo así como

var iframe = document.getElementsByTagName('iframe')[0], 
    iDoc = iframe.contentWindow  // sometimes glamorous naming of variable 
     || iframe.contentDocument; // makes your code working :) 
if (iDoc.document) { 
    iDoc = iDoc.document; 
    iDoc.body.addEventListener('afterLayout', function(){ 
         console.log('works'); 
       }); 
}; 

Esperamos que va a ayudar.