Agregar controlador de eventos a un iframe usando JQuery

Question

Quiero asignar un controlador de eventos keydown a un iframe. Algo similar a los puros JS:

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

me trataron:

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

Pero no funciona .. Por favor, ayuda!

Answer 1

La función $ reemplaza la necesidad de document.getElementById

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

Answer 2

contentWindow es window objeto del iframe 's. Desea que el iframe 's document lugar:

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

Tenga en cuenta que no estoy seguro de cómo jQuery reacciona a elementos de otros marcos de ventanas /.

Answer 3

Algo a tener en cuenta: esto nunca funcionará, por lo que entiendo, si el contenido del iframe es de dominio cruzado. Terminará con errores de permisos: Permiso denegado para http://... para obtener la propiedad HTMLDocument.nodeType de http://.... Los navegadores limitan los permisos dom hijos primarios al mismo dominio.

Answer 4

Esto funcionó para mí:

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