How to disable focus if dialog is opened

Question

  <script type="text/javascript">
        setInterval(function(){
            $("#reg_id").focus();           
        }, 1000);
    </script>

how to disable focus if dialog is opened

setInterval(function(){
     if($("#dialogadd_participant").dialog("isOpen")){}
     else {
         $("#reg_id").focus();
     }
}, 1000);

isn't work, please help

http://stackoverflow.com/questions/3313784/detect-if-a-jquery-dialog-box-is-open/8181623#8181623 — Govind Singh, Aug 05 '14 at 12:32

score 2 · Accepted Answer · answered Aug 05 '14 at 12:36

2

Use the .blur() function to remove the focus, like this:

setInterval(function(){
     if($("#dialogadd_participant").dialog("isOpen")){
         $("#reg_id").blur();
     }
     else {
         $("#reg_id").focus();
     }
}, 1000);

answered Aug 05 '14 at 12:36

Marco Bonelli

63,369
21
118
128

score 0 · Answer 2 · answered Aug 05 '14 at 12:36

0

You could just shift focus from #reg_id to another object like #dialogadd_participant by calling either

 $(this).focus() // within the .dialog({...}) section

or

 $('#dialogadd_participant').focus() // after the model is opened

answered Aug 05 '14 at 12:36

Robin

132
7

score 0 · Answer 3 · answered Aug 05 '14 at 12:44

Assign your setInterval function to a variable and then you can use clearInterval to stop focus.

var interval = setInterval(function(){
        $("#reg_id").focus();           
    }, 1000);

 if($("#dialogadd_participant").dialog("isOpen")){
    clearInterval(interval);
    $("#reg_id").blur(); 
   }
 else {
     $("#reg_id").focus();
 }

I do not understand your actual reason why you are using setInterval() but using this clearInterval() you can clear calling $("#reg_id").focus(); over and over again.

How to disable focus if dialog is opened

3 Answers3