Focus on DIV on Page load

Question

I'm using

$("#divVZITab").attr("tabindex",-1).focus();

On page load I want divVZITab to become the focus, it is in the center of page. So when page loads IE should automatically scroll to the center of the page & focus on the div. But it is not working.

KrishnaDhungana · Answer 1 · 2013-10-25T10:31:53.953

4

As you mentioned IE, I think that is the issue because I tried in jsfiddle and works fine. I tried in IE with tabindex="-1" and does not work but for positive (+ve) value of tabindex="1" it works. BTW run script after the DOM is ready.

HTML

<div id='divVZITab' tabindex="1">Test</div>

JavaScript

document.getElementById('divVZITab').focus();

edited Oct 25 '13 at 10:31

answered Oct 25 '13 at 10:02

KrishnaDhungana

2,604
4
25
37

score 1 · Answer 2 · edited Mar 30 '15 at 13:20

1

$("#divVZITab").focus()

or

document.getElementById('divVZITab').focus();

edited Mar 30 '15 at 13:20

Ullas

11,450
4
33
50

answered Oct 25 '13 at 09:52

Kinjan Shah

76
6

score 0 · Answer 3 · answered Oct 25 '13 at 09:40

0

Try this:

$("#divVZITab[tabindex='-1']").focus();

answered Oct 25 '13 at 09:40

codingrose

15,563
11
39
58

I tried a;; this but all failed... function setFocus() { debugger; $("#divVZITab").attr("tabindex",-1).focus(); window.location.hash = '#divVZITab' document.getElementById('divVZITab').scrollIntoView(); } – user1555245 Oct 25 '13 at 10:06
HI tried..3 solutions.... bt none of them is working!!!!!!!!!!! function setFocus() { $("#divVZITab").attr("tabindex",-1).focus(); window.location.hash = '#divVZITab'; document.getElementById('divVZITab').scrollIntoView(); } Please help here – user1555245 Oct 25 '13 at 10:15

score 0 · Answer 4 · edited May 23 '17 at 12:25

0

Is it possible to focus on a <div> using javascript focus() function?

please refer to second answer in the above link.

Hope that's the same stuff you trying to achieve.

edited May 23 '17 at 12:25

Community

1
1

answered Oct 25 '13 at 09:44

Girish Sakhare

743
7
14

Focus on DIV on Page load

4 Answers4

HTML

JavaScript