Ajouter un écouteur d'événement pour un iframe

Est-il possible d'ajouter un écouteur d'événement à un iframe? J'ai essayé ce code mais il ne semble pas fonctionner: 

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

Aussi, je l'ai juste essayé, à l'aide de l'élément par son id et l'ajout de mon port d'écoute via le framework JavaScript que j'utilise, comme ceci: 

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

Je peux appeler des fonctions dans l'iframe, donc je ne pense pas que la sécurité est un problème. Des idées?

Qu'est-ce exactement feux "afterLayout" événement?

OriginalL'auteur Ronald | 2009-09-08

  1. 11

    Je n'ai jamais essayé de manipuler 'afterLayout' événement, mais pour plus de navigateur compatible code
    vous allez utiliser (iframe.contentWindow || iframe.contentDocument) au lieu de iframe.contentWindow .

    essayer quelque chose comme 

    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');
                });
};

    Espère que ça vous aidera.

    cela ne fonctionne pas pour moi! rien ne s'imprime dans ma console! :/

    OriginalL'auteur Mushex Antaranian

  2. 4

    Si vous faites grave iframe travail en Ext, vous devriez regarder dans le ManagedIFrame extension d'utilisateur:

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

    Il est doté d'une fonction des événements et de la croix-cadre de la messagerie, ainsi que de nombreux autres avantages.

    Je voudrais aussi aller avec cela.

    OriginalL'auteur Brian Moeskau

  3. 2

    Raisons de l'échec pourrait être:-

    1. L'URL vers laquelle l'iframe est réalisé à partir d'un autre domaine que le conteneur, d'où le code est empêché par la croix-domaine le blocage de script.
    2. Le code est en cours d'exécution avant le contenu de l'image est chargée
    1) Même domaine. 2) Essayer de joindre dans un onReady de l'événement, le contenu de l'image devrait être prêt. Viens de réaliser que j'ai réussi a attaché un écouteur d'événement pour la charge de l'iframe, alors maintenant, je suis vraiment pas sûr de pourquoi "afterLayout' ne fonctionne pas. C'est peut-être un cadre en question.
    Je pense que la "charge" est l'un des rares événements vous pouvez écouter pour le début de l' - presque par définition, puisque vous ne pouvez pas correctement attendre jusqu'à ce que le chargement se fait sans l'attachement d'une "charge" auditeur plus tôt!!! J'ai trouvé que si vous écrivez le contenu de l'iframe par programme (par exemple, via srcdoc) vous toujours à attendre la "charge" de l'événement (ou jQuery load()) avant de fixer d'autres écouteurs d'événement va travailler.

    OriginalL'auteur AnthonyWJones