JQuery focus() not working in Chrome and IE

Question

In My Application i m using RichTextEditor on a form with some other fields. I set focus on first text box like this

$("#tofield").focus();

But as RichTextBox is taking some time to load, so when RichTextBox loading complete focus removed from first text box.

I searched on it and found some suggestions to use setTimeout

 setTimeout(function () {
        $("#tofield").focus();
    }, 1000);

but it is also not working

focus() is only working in FF not in Chrome and IE

Any suggestions..

Can't you use some kind of a load callback function? What happens when you set the timeout to 10000? — Shomz, Nov 20 '13 at 04:09
@Shomz with setTimeout as well focus just removed from textbox..., — Anil D, Nov 20 '13 at 04:11
http://stackoverflow.com/questions/7996577/jquery-focus-is-not-focusing-in-ie-but-it-is-in-chrome — Sankar, Nov 20 '13 at 04:14
just check whether you having two fields with same id, this is some common error often occur — Suganthan Madhavan Pillai, Nov 20 '13 at 04:27
@PandiyanCool , thanks for you reply, but your HTML don't have any Text Editor, focus is loosing because Editor is taking time to load.. — Anil D, Nov 20 '13 at 04:31
@Suganthan , i double check there is only one field with id tofield — Anil D, Nov 20 '13 at 04:32
@Anil D then try with $( window ).load() function and debug, as because your resources are taking time to load please refer to this link http://stackoverflow.com/questions/5182016/what-is-the-difference-between-window-load-and-document-ready — Suganthan Madhavan Pillai, Nov 20 '13 at 04:36

score 0 · Answer 1 · answered Nov 20 '13 at 04:16

0

Try this code

$('#tofield').focusout(function() {
    setTimeout(function() {
        $(this).focus();
    }, 0);
});

answered Nov 20 '13 at 04:16

Sankar

652
6
13

score 0 · Answer 2 · answered Nov 20 '13 at 04:23

0

If it is taking time to load you can try with this

        $( window ).load(function() {
            $("#tofield").focus();
        });

answered Nov 20 '13 at 04:23

Suganthan Madhavan Pillai

5,495
9
51
84

score 0 · Accepted Answer · answered Nov 22 '13 at 07:02

Just want to share how i fixed this...

Not sure how and why it is working but it did the trick

I just added following line of code before TextBox

<input type="button" id="btntofieldfocus" style="width:0px;height:0px !important;padding: 0 0 0 0 !important;position:absolute;left:-50px;" value="" onclick="javascript:document.getElementById('tofield').focus()" />

May help others...

score 0 · Answer 4 · answered Nov 22 '13 at 07:08

0

you should use

$(document).ready(function(e){
    $("#tofield").focus();
});

answered Nov 22 '13 at 07:08

Sohil Desai

2,940
5
23
35

JQuery focus() not working in Chrome and IE

4 Answers4