Ne peut pas perdre le focus lorsque l'on clique à l'extérieur de l'input

Question

Le problème est que chaque fois que je clique en dehors de la zone de saisie, le focus reste activé. J'ai essayé plusieurs codes mais ils n'ont pas fonctionné pour moi.

$(document).ready(function(){
  $("input").focus(function(){
    const background = true;
    if(background == true){
      $('form').css({
       'background-color': '#fff',
       'transition': 'background-color 1s ease-out'
    });
    } 
    else {
      $('input').blur(function(){
        if(background == false){
          $('form').css({
            'background-color': 'transparent'
          });
        }
    })
  }
})});

Answer 1

Je pense que tu veux faire quelque chose comme cela

1. Sur le focus - Changer la couleur de fond du formulaire en #fff (Blanc)

2. Sur le blur - Changer la couleur de fond du formulaire en transparent

   $('input').focus(function () { $('form').css({ 'background-color': '#fff', 'transition': 'background-color 1s ease-out' }); });

   $('input').blur(function () { $('form').css({ 'background-color': 'transparent' }); });

Answer 2

$(document).ready(function(){
   $("input").focus(function(){
       $('form').css({
          'background-color': '#fff',
          'transition': 'background-color 1s ease-out'
           });
    });

    $('input').blur(function(){
        $('form').css({
           'background-color': 'transparent'
            });
    });
});

Essayez ceci.