Set focus to dynamically created DIV using JavaScript or jQuery

Question

I have created

Generated code : 

<div id="showInfo_1" style="display: none">
--info 1
</div>

<div id="showInfo_2" style="display: none">
--info 2
</div>

jQuery : $('showInfo_2').focus();

This works fine in Chrome but not in IE.

What can I try next?

^^^ Given the above comment, this should not work currently in any browser. — Taplar, Nov 19 '18 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome — Joe, Nov 19 '18 at 17:37
Possible duplicate of [focus doesn't work in IE](https://stackoverflow.com/questions/2600186/focus-doesnt-work-in-ie) — Mohammad, Nov 19 '18 at 17:41

score 2 · Answer 1 · edited Nov 19 '18 at 20:17

2

Attempting to set focus to a hidden element causes an error in Internet Explorer. Take care to only use .focus() on elements that are visible. To run an element's focus event handlers without setting focus to the element, use .triggerHandler( "focus" ) instead of .focus().

from: https://api.jquery.com/focus/

edited Nov 19 '18 at 20:17

Grant Foster

722
2
11
21

answered Nov 19 '18 at 17:58

Maurício Spagnol

35
1
6

score 0 · Accepted Answer · edited Jul 01 '20 at 13:29

0

I just added return false in the onclick and it started working fine the way I expected.

edited Jul 01 '20 at 13:29

halfer

19,824
17
99
186

answered Dec 03 '18 at 04:32

Joe

4,460
19
60
106

Set focus to dynamically created DIV using JavaScript or jQuery

2 Answers2