Définir le focus sur iframe dans Chrome

J'ai une iframe (id: 'chat') avec designMode='on' dans google Chrome.

Sur Enter événement keypress j'appelle la fonction send(), qui reprend le contenu de l'iframe et l'écrit sur un support. Mon problème est que lors de l'effacement de l'iframe, je perds le focus.

Comment puis-je définir le focus pour que je puisse continuer à taper du texte dans l'iframe?

function send(){
    var $iframe = $('#chat');
    var text = $iframe.contents().text() + "\n";  

    socket.send(text);

    //When this is done, the focus is lost
    //If commented, the focus will not be lost
    $iframe.contents().find('body').empty();

    //My different failed attempts to regain the focus
    //$iframe.focus();
    //$iframe.contents().focus();
    //$iframe.contents().find('body').focus();
    //$iframe.contents().find('body').parent().focus();
    //$iframe[0].contentWindow.focus();

    //I've also tried all the above with timers
    //setTimeout( function(){ $('#chat').contents().focus(); }, 100);
}

J'ai essayé beaucoup de solutions sur d'autres questions, mais aucune ne semble fonctionner.

OriginalL'auteur ANisus | 2011-11-13

  1. 3

    L'astuce consiste à mettre l'accent sur le corps, puis de créer un Range.

    var win = iframe.contentWindow;
var range = win.document.createRange();
range.setStart(win.document.body, 0);
range.setEnd(win.document.body, 0);
win.document.body.focus();
win.getSelection().addRange(range);
    Clairement que c'était le truc! Elle fonctionne. Que fait ma journée! .. Maintenant je n'ai qu'une fuite de nouvelle ligne à partir de l'événement qui subsistaient. Mais au moins j'ai mon accent!

    OriginalL'auteur J. K.

  2. 2

    Cette question a été la réponse ici

    En gros, si vous n'êtes pas de l'actualisation de l'iframe, vous pouvez utiliser:

    $iframe[0].contentWindow.focus();

    Noter que je suis en saisissant le sous-jacent iframe objet DOM.

    J'ai juste essayé ce code. Malheureusement, je persiste à ne pas obtenir le focus. (J'ai édité la question de l'ajout de votre suggestion)
    Que si vous le faites dans un setTimeout pour donner l'iframe un peu de temps pour commencer à gonfler?

    OriginalL'auteur Arturo Sevilla

  3. 1

    J'ai essayé ci-dessous la solution, il fonctionne dans tous les navigateurs (IE/Chrome/Firefox)

    Contexte: je veux me concentrer l'iframe tout le temps. 

        function IFocus() {
        var iframe = $("#iframeId")[0];
        iframe.contentWindow.focus();
    };
    window.setInterval(IFocus, 300);

    Espérons que cela aide, si quelqu'un dans le besoin...

    OriginalL'auteur Champ

  4. 0

    J'ai testé cette solution avec google Chrome. J'ai posté dans La mise au point pour le contenu de l'iframe.

    Voici le code pour créer un iframe à l'aide de jQuery, ajouter le document, sondage jusqu'à ce qu'il est chargé, puis se concentrer sur elle. C'est mieux que le réglage de l'arbitraire d'un délai d'attente qui peut ou peut ne pas fonctionner en fonction de combien de temps l'iframe de chargement.

    var jqueryIframe = $('<iframe>', {
    src: "http://example.com"
}),
focusWhenReady = function(){
    var iframe = jqueryIframe[0],
    doc = iframe.contentDocument || iframe.contentWindow.document;
    if (doc.readyState == "complete") {
        iframe.contentWindow.focus();
    } else {
        setTimeout(focusWhenReady, 100)
    }
}
$(document).append(jqueryIframe);
setTimeout(focusWhenReady, 10);

    Le code de détection lorsque l'iframe est chargé a été adapté à partir Biranchi's réponse à Comment vérifier si iframe est chargé ou s'il a un contenu?

    OriginalL'auteur Stephen Ostermiller