Сделать ввод readonly, когда он теряет фокус

Question

Возможно, у меня есть некоторые проблемы с пониманием логики того, что я пытаюсь сделать. В принципе, когда вход «#box_add» теряет фокус, я показываю сообщение, и это работает нормально. Однако, когда я нажимаю «# activity1a», он все еще делает ввод только для чтения и отталкивает сообщение, которое находится в «#activity».

Где я ошибся с логикой здесь. Благодарю.

// new intake with files selected 
    $(function() { 
    $("#activity1a").click(function() { 

       $('#box_add').focusout(function(){ 
       $("#box_add").prop('readonly', true); 
       $("#box_add").css({'background-color': '#fafafa'}); 
       notif({ 
         msg: "Please Only input 1 box per file submission. Each box will hold approx 20 files. Thank you.", 
         type: "boxdstrError", 
         position: "center", 
         width: 490, 
         height: 75, 
         multiline: true, 
         timeout: 6000, 
         opacity: 0.8, 
         fade: 10, 
        }); 
       }); 
       $("#bfile_add").prop('disabled', false); 

     }); 
     }); 

    // ordinary box intake 
    $(function() { 
    $("#activity").click(function() { 


      $("#box_add").prop('readonly', false); 
      $("#box_add").css({'background-color': '#ffffff'}); 

      $("#bfile_add").prop('disabled', true); 

     }); 
     }); 

Answer 1

использовать его как следовать

$(function() { 
    $('input').on('blur',function(){ 
     $(this).attr('disabled','disabled'); //or use readonly 
    }); 
    $('input').on('focus',function(){ 
     $(this).removeAttr('disabled'); //or use readonly attribute 
    }); 

});