Problem mit Google Chrome und Javascript. Guru benötigt!

Ich bin mir nicht wirklich sicher, was die Ursache des Problems ist, da gibt es Zeiten, wo Chrome wird geben Sie den Fokus auf das element korrekt, obwohl die meisten der Zeit es tut es nicht. Sie sollten nicht brauchen, um Wunsch zu konzentrieren, da der Fokus nicht verloren, wenn Sie die Taste drücken. Wenn Sie weglassen die setEditFocus() aufrufen, sollten Sie feststellen, dass es noch korrekt funktioniert alles, aber Chrome, die offenbar wird beleidigt, dass Sie entfernt haben alle Inhalte in den Körper.

Wenn Sie contenteditable jeder browser legt die innerHTML des iframe-Dokument body element, um etwas anderes zu sein:

Browser           | innerHTML
-----------------------------
Internet Explorer | ''
Opera             | '<br>\n'
Firefox           | '<br>'
Chrome/Safari     | '\n'

Wenn Sie nicht erwarten, zu sehen, dass zusätzliche Sachen, wenn Sie analysieren den Inhalt später, möchten Sie vielleicht, um es zu entfernen bereits im Vorfeld addFrame().

War ich in der Lage zu "reparieren" das problem, indem Sie Folgendes tun:

Erste, aktualisieren Sie die event-handler so können wir zurück false in und vor der Oper von der Generierung der HTML-Code für Spaß, wenn wir rufen getSelection() später...

function addFrame() {
    ...
    window.iframeloaded = function() {
       ...
       if (typeof iframeDoc.addEventListener != UNDEF) {
           iframeDoc.addEventListener('keypress', keyHandler, false);
       } else if (typeof iframeDoc.attachEvent != UNDEF) {
           iframeDoc.attachEvent('onkeypress', keyHandler);
       }
    }
}

Edit: Entfernt die ursprüngliche Funktion zugunsten der neuen enthalten unten

Schließlich zurück false aus-Taste drücken-handler zu beheben, das Opera-Problem erwähnt.

function keyHandler (evt) {
    var myKey=(evt.which || evt.charCode || evt.keyCode)

    if (myKey==13) {
        ...
        return false;
    }
}

Ursprünglich hatte ich das getan, was syockit vorgeschlagen, aber ich fand es war dabei seltsam, die Dinge mit den Cursor-Größe, die in Chrome, die diese Methode scheint zu vermeiden (obwohl Firefox ist immer noch ein bisschen aus...). Wenn Sie nicht kümmern, dass die Einstellung der innerHTML werden nicht-leer ist wahrscheinlich eine einfachere Lösung.

Beachten Sie auch, dass Sie sollten mit className statt class in das Objekt, das Sie passieren zu new Element(), da der IE scheint zu überlegen, es ein reserviertes Wort und sagt, dass es ein syntax-Fehler.

Bearbeiten: Nach dem spielen, um mit es, die folgende Funktion scheint zuverlässig zu funktionieren im IE8/Firefox/Chrome/Safari/Opera für Ihre mehr erweiterte test-Fall. Leider habe ich gehört Prototyp das browser-Erkennung, um Konto für die Oper, da, während alles gleich aussieht, so weit wie JavaScript angeht, das tatsächliche Verhalten verlangt verschiedenen code, der Konflikte mit den anderen Browsern, und ich war nicht in der Lage, einen besseren Weg finden, um Sie zu unterscheiden.

Hier ist die neue Funktion, die sich auf die editierbare Inhalte des iframe, und stellt sicher, dass, wenn es schon Inhalte gibt, ist, daß der Cursor bewegt wird, um das Ende des Inhalts:

function focusEditableFrame(frame) {
    if (!frame)
        return;

    if (frame.contentWindow)
        frame = frame.contentWindow;

    if (!Prototype.Browser.Opera) {
        frame.focus();

        if (frame.getSelection) {
            if (frame.document.body.innerHTML == '')
                frame.getSelection().extend(frame.document.body, 0);
            else
                frame.getSelection().collapseToEnd();
        } else if (frame.document.body.createTextRange) {
            var range = frame.document.body.createTextRange();

            range.moveEnd('character', frame.document.body.innerHTML.length);
            range.collapse(false);
            range.select();
        }
    } else {
        frame.document.body.blur();
        frame.document.body.focus();
    }
}

Aktualisiert setEditFocus() (nun wirklich Nicht nötig, da du aber schon hast):

function setEditFocus()
{
    focusEditableFrame($(editorFrame));
}

Nur schnell, können Sie versuchen, hinzufügen von Semikolons am Ende der Zeilen in Ihrem send () - Funktion? Und sehen, ob das funktioniert.

function send() {
  resetContent();
  setEditFocus();
}