Set focus to dynamically created DIV using JavaScript or Jquery
up vote
1
down vote
favorite
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.
could someone help me on this please.
Note : I have posted answer as the way i tried... i just added return false in the onClick method like the following
onclick="my method call; return false; "
javascript jquery focus
asked Nov 19 at 17:33
SAR
1,912124175
add a comment |
up vote
1
down vote
favorite
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.
could someone help me on this please.
Note : I have posted answer as the way i tried... i just added return false in the onClick method like the following
onclick="my method call; return false; "
javascript jquery focus
asked Nov 19 at 17:33
SAR
1,912124175
You need$('#showInfo_2').focus();. Notice the #.
– Stuart
Nov 19 at 17:35
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
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.
could someone help me on this please.
Note : I have posted answer as the way i tried... i just added return false in the onClick method like the following
onclick="my method call; return false; "
javascript jquery focus
asked Nov 19 at 17:33
SAR
1,912124175
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.
could someone help me on this please.
Note : I have posted answer as the way i tried... i just added return false in the onClick method like the following
onclick="my method call; return false; "
javascript jquery focus
javascript jquery focus
asked Nov 19 at 17:33
SAR
1,912124175
asked Nov 19 at 17:33
SAR
1,912124175
edited Dec 3 at 10:49
asked Nov 19 at 17:33
SAR
1,912124175
asked Nov 19 at 17:33
SAR
1,912124175
asked Nov 19 at 17:33
SAR
1,912124175
1,912124175
You need$('#showInfo_2').focus();. Notice the #.
– Stuart
Nov 19 at 17:35
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41
add a comment |
You need$('#showInfo_2').focus();. Notice the #.
– Stuart
Nov 19 at 17:35
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41
You need
$('#showInfo_2').focus();. Notice the #.– Stuart
Nov 19 at 17:35
You need
$('#showInfo_2').focus();. Notice the #.– Stuart
Nov 19 at 17:35
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41
add a comment |
2 Answers
2
active
oldest
votes
up vote
2
down vote
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 at 20:17
gfos
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
add a comment |
up vote
0
down vote
accepted
I just added return false in the onclick and it started working fine the way i expected.
this might help some one.
answered Dec 3 at 4:32
SAR
1,912124175
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53379880%2fset-focus-to-dynamically-created-div-using-javascript-or-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
2
down vote
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 at 20:17
gfos
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
add a comment |
up vote
2
down vote
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 at 20:17
gfos
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
add a comment |
up vote
2
down vote
up vote
2
down vote
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 at 20:17
gfos
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
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 at 20:17
gfos
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
edited Nov 19 at 20:17
gfos
342316
edited Nov 19 at 20:17
gfos
342316
edited Nov 19 at 20:17
gfos
342316
342316
answered Nov 19 at 17:58
Maurício Spagnol
212
answered Nov 19 at 17:58
Maurício Spagnol
212
answered Nov 19 at 17:58
Maurício Spagnol
212
212
add a comment |
add a comment |
up vote
0
down vote
accepted
I just added return false in the onclick and it started working fine the way i expected.
this might help some one.
answered Dec 3 at 4:32
SAR
1,912124175
add a comment |
up vote
0
down vote
accepted
I just added return false in the onclick and it started working fine the way i expected.
this might help some one.
answered Dec 3 at 4:32
SAR
1,912124175
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
I just added return false in the onclick and it started working fine the way i expected.
this might help some one.
answered Dec 3 at 4:32
SAR
1,912124175
I just added return false in the onclick and it started working fine the way i expected.
this might help some one.
answered Dec 3 at 4:32
SAR
1,912124175
answered Dec 3 at 4:32
SAR
1,912124175
answered Dec 3 at 4:32
SAR
1,912124175
answered Dec 3 at 4:32
SAR
1,912124175
1,912124175
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53379880%2fset-focus-to-dynamically-created-div-using-javascript-or-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You need
$('#showInfo_2').focus();. Notice the #.– Stuart
Nov 19 at 17:35
^^^ Given the above comment, this should not work currently in any browser.
– Taplar
Nov 19 at 17:37
sorry typo mistake. yes '#' is added but still is not working in IE 11 but works fine in chrome
– SAR
Nov 19 at 17:37
Possible duplicate of focus doesn't work in IE
– Mohammad
Nov 19 at 17:41