Événement keydown sur un iframe

Question

Comment puis-je obtenir l'événement keydown sur iframe?

Answer 1

Vous devez accéder au document de l'iframe à travers l'objet ContentWindow

$(document.getElementById('IFrameId').contentWindow.document).keydown(function(){ alert('Touche enfoncée!'); });

Assurez-vous de lier l'événement après que le frame ait chargé.

Answer 2

Ajout d'un gestionnaire d'événements à un iframe en utilisant JQuery

$(document.getElementById('iframe_id').contentWindow.document).keydown(function() {
    // ma fonction
});

Answer 3

Il est tellement tard pour répondre mais peut-être utile pour quelqu'un.
J'ai le même problème, cela signifie que j'ai un iframe à l'intérieur d'une page HTML dans un même domaine.
Maintenant j'ai besoin de capturer l'événement keyup.
Cependant je ne veux pas (ou parfois je ne peux pas) écrire de script à l'intérieur du corps de l'iframe.
Pour le faire, j'utilise le script ci-dessous pour détecter quel est l'id parent de l'élément sélectionné par un clic dessus.

 $(window).load(function () {
            jQuery(jQuery('[id="frame"]')[0].contentWindow.document).on('keyup', function (e) {

                var _currntItem = ($(e.target))

                if (e.keyCode === 27) {
                    alert(_currntItem.parent().attr('id'));
                }
            }); 

Ce code a résolu mon problème.
j'espère qu'il sera utile.