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; "










share|improve this question
























  • 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















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; "










share|improve this question
























  • 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













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; "










share|improve this 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.



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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Dec 3 at 10:49

























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


















  • 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












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/






share|improve this answer






























    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.






    share|improve this answer





















      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
      });


      }
      });














      draft saved

      draft discarded


















      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/






      share|improve this answer



























        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/






        share|improve this answer

























          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/






          share|improve this answer















          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/







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Nov 19 at 20:17









          gfos

          342316




          342316










          answered Nov 19 at 17:58









          Maurício Spagnol

          212




          212
























              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.






              share|improve this answer

























                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.






                share|improve this answer























                  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.






                  share|improve this answer












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



                  this might help some one.







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Dec 3 at 4:32









                  SAR

                  1,912124175




                  1,912124175






























                      draft saved

                      draft discarded




















































                      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.




                      draft saved


                      draft discarded














                      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





















































                      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







                      Popular posts from this blog

                      "Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

                      Alcedinidae

                      Origin of the phrase “under your belt”?