Javascript: Event in iFrame

Ich Baue ein WYISWYG editor mit einem iframe mit designMode = 'on'.

Das problem ist, dass ich nicht verwenden können, jedes Ereignis, auf das der iframe im Firefox und Opera (IE nicht getestet), zum Beispiel würde ich gerne verfolgen Sie die onkeyup-Ereignis:

document.getElementById("myFrame").onkeyup = function(){
    doSomething...
}

Aber funktioniert nicht in das übergeordnete Fenster.

Habe ich versucht, in den iframe auch mit dieser:

top.frames[0].onkeyup = function(){
        doSomething...
}

und alle Art von Sachen wie diese:

top.document.frames[0].onkeyup
top.frames["myFrame"].onkeyup
top.frames[0].document.onkeyup

Aber keiner von Ihnen will zu arbeiten, damit am Ende stellte sich heraus, dass auch window.onclick nicht funktioniert, so jetzt bin ich ein bisschen verwirrt...

Was ist die Lösung für dieses?

BEARBEITEN

Scheint das problem zu sein, mit document.designMode = "on" im iframe

  • Ist dein iframe auf eine andere domain? Können Sie nach einer JSFiddle.net Beispiel?
  • Nein, es ist nicht auf eine andere domain, hat Es eine Quelle, aber beide Dateien sind auf localhost. Wie sollte poste ich ein Beispiel, wenn es keine Möglichkeit zum hinzufügen einer anderen HTML Datei als iframe-source?
InformationsquelleAutor Adam | 2011-02-06
  1. 8

    Ich würde vorschlagen, fangen die Veranstaltung auf der iframe -Document, und im Firefox zumindest, müssen Sie dies tun, indem Sie addEventListener() eher als onkeyup. Das folgende funktioniert in allen gängigen Browsern:

    var iframe = document.getElementById("myFrame");
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

function handleIframeKeyUp(evt) {
    alert("Key up!");
}

if (typeof iframeDoc.addEventListener != "undefined") {
    iframeDoc.addEventListener("keyup", handleIframeKeyUp, false);
} else if (typeof iframeDoc.attachEvent != "undefined") {
    iframeDoc.attachEvent("onkeyup", handleIframeKeyUp);
}
    • Dies funktioniert mit dem klicken Sie auf, keyup etc., aber nicht scharf oder unscharf. Irgendwelche Ideen?
    • und blur keine Blase und kein Feuer auf dem Dokument. Es kann funktionieren, auf die das iframe-element selbst oder seine Fenster (iframe.contentWindow).
    • Ich fand, dass es funktioniert in Firefox, aber in Safari und Chrome würde nicht reagieren, zu verwischen/Fokus-Ereignisse, auf die das iframe-element selbst, ich hatte binden diese Ereignisse auf das body-element innerhalb des iframe.
    • Vielen Dank, Tim! Hatte das genaue Problem, versuchen zu fangen die Veranstaltung auf dem Dokument, die funktioniert gut in Chrome. Jetzt benutze ich nur $($editor.contentWindow).blur(function () { // code goes here }); für alle Browser
    InformationsquelleAutor Tim Down
Schreibe einen Kommentar