Ajout d'un gestionnaire d'événements à une iframe à l'aide de JQuery

Question

Je souhaite affecter un gestionnaire d'événements de gestion des touches à une iframe. Quelque chose de semblable à la JS pur:

document.getElementById('iframe_id').contentWindow.addEventListener('keydown',funcName, true); 

J'ai essayé:

$(document.getElementById('iframe_id').contentWindow).keydown(function() { 
    // my func 
}); 

Mais cela ne fonctionne pas .. S'il vous plaît aider!

Answer 1

La fonction $ remplace la nécessité de document.getElementById

$('iframe_id').contentDocument.keydown(function() { 
    // logic 
}); 

Answer 2

contentWindow est l'objet de windowiframe. Vous voulez document du iframe à la place:

$(document.getElementById('iframe_id').contentWindow.document).keydown(function() { 
    // my func 
}); 

Notez que je ne suis pas sûr de savoir comment jQuery réagit à des éléments d'autres fenêtres/cadres.

Answer 3

Juste quelque chose à garder à l'esprit: cela ne fonctionnera jamais, si je comprends bien, si le contenu iframe est inter-domaine. Vous allez vous retrouver avec des erreurs d'autorisations: Autorisation refusée pour http://... pour obtenir la propriété HTMLDocument.nodeType de http://.... Les navigateurs limitent les autorisations dom de l'enfant parent au même domaine.

Answer 4

Cela a fonctionné pour moi:

$('#iframe_id').contents().keydown(function() { 
    // my func 
});