Hinzufügen von Ereignishandler zu einem Iframe mit JQuery

Question

Ich möchte einen Ereignis-Handler Keydown einem iframe zuweisen. Etwas Ähnliches zu den reinen JS:

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

Ich habe versucht:

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

Aber es funktioniert nicht .. Bitte helfen Sie!

Answer 1

Die $ Funktion ersetzt die Notwendigkeit für document.getElementById

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

Answer 2

contentWindow ist die iframe ‚s window Objekt. Sie wollen, dass die iframe ‚s document statt:

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

Bitte beachte, dass ich nicht sicher bin, wie jQuery Elemente aus anderen Fenstern/Frames reagiert.

Answer 3

Nur etwas zu beachten: Dies funktioniert nie, soweit ich verstehe, wenn der Iframe-Inhalt domänenübergreifend ist. Sie werden mit Berechtigungsfehlern enden: Berechtigung verweigert für http://..., um Eigenschaft HTMLDocument.nodeType von http://... zu erhalten. Browser begrenzen Eltern Child dom Berechtigungen auf dieselbe Domäne.

Answer 4

Das ist für mich gearbeitet:

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