Question

51

Javascript: Event in iFrame

rated 0 times [ 53] [ 2] / answers: 1 / hits: 18743 / 14 Years ago, sun, february 6, 2011, 12:00:00

I'm building a WYISWYG editor with an iframe with designMode = 'on'.

The problem is that I can't use any event on the iframe in Firefox and Opera (IE untested), for example I would like to track the onkeyup event:

document.getElementById(myFrame).onkeyup = function(){

    doSomething...

}

But doesn't works in the parent window.

I tried in the iframe too with this:

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

        doSomething...

}

and all kind of stuff like these:

top.document.frames[0].onkeyup

top.frames[myFrame].onkeyup

top.frames[0].document.onkeyup

But none of them wants to work so at the end turned out that even window.onclick doesn't works, so now I'm a bit confused...

What's the solution for this?

EDIT

The problem seems to be with document.designMode = on in the iframe

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zariahdiamondz

Add To Favorites

Follow

Total Points: 649

Total Questions: 109

Total Answers: 88

Location: Tajikistan

Member since Thu, Apr 14, 2022

2 Years ago

zariahdiamondz questions

1 Get esbuild to watch for changes, rebuild, and restart express server

Wed, Jul 13, 22, 00:00, 2 Years ago

1 ethers js exits with this error=> invalid BigNumber value (argument=value, value=undefined, code=INVALID_ARGUMENT, version=bignumber/5.5.0)

Thu, Nov 4, 21, 00:00, 3 Years ago

1 react-data-table-component: access the selected row and assign it to setState

Tue, Jun 15, 21, 00:00, 3 Years ago

1 An argument for 'id' was not provided. angular 11

Tue, Apr 20, 21, 00:00, 3 Years ago

1 How to open offcanvas from offcanvas

Thu, Apr 8, 21, 00:00, 3 Years ago

View All

answered 14 Years ago efren · Accepted Answer

I would suggest catching the event on the iframe's Document, and in Firefox at least you need to do this using addEventListener() rather than onkeyup. The following will work in all major browsers:

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);

}