Iframe Onfocus

@drahulDec 06.2006

I have a very peculiar case which happens only with mozilla firefox and not with IE.

The onfocus event is not working if I try to set for an IFRAME.

The setFocus_() method is not invoked if I try to focus on the iframe. This works very well in IE.

Please help me ?

to post a comment

JavaScript

@toicontienDec 06.2006 — #I ran into this problem earlier when writing a form validation routine. Gecko browsers (Firefox, Netscape 7+, Mozilla) do not allow you to set focus to the same element when its focus event fires. I think it was their hope to avoid infinite loops where an element repeatedly focuses itself.

@drahulauthorDec 07.2006 — #I posted my problem y'day night and now its in the third page..... this show how active this forum is !!!

so thought, just say hi to all and make it appear above rest of the postings.

Rgs,

Rahul

?

@toicontienDec 07.2006 — #Actually, I posted the answer to your question already ? Firefox won't allow the iframe to set focus to itself in the onfocus event. Firefox won't let any element set focus to itself in the onfocus event. That's just the way it is. I did discover one workaround though.

<i>
 </i>function getFocusFunc(objId) {
 function doFocus() {
 if (document.getElementById) {
 document.getElementById(objId).focus();
 }
 }
 return doFocus;
 }
 
 function set_focus() {
 // Do whatever until you get to the point where you need to set focus to the iframe
 setTimeout(getFocusFunc('myIFRAME'), 10);
 }

The setTimeout() function executes the function returned from the getFocusFunc() function (kind of confusing I know ? ). getFocusFunc() returns a function object, that when executed at the end of setTimeout(), is executed in the scope of the window object, instead of the onfocus event object of the iframe. This gets around Firefox's blocking of circular events.

Iframe Onfocus

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Iframe Onfocus

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴