Comment désactiver la fermeture des modaux Bootstrap en cliquant à l'extérieur ?

Personnalisation des options de fermeture modale Bootstrap

Les modaux Bootstrap offrent un moyen pratique d'afficher des informations supplémentaires ou des entrées utilisateur, mais leur comportement par défaut de fermeture par cliquer en dehors de la zone modale peut parfois être indésirable.

Cette fonctionnalité peut-elle être désactivée ?

Oui. Vous pouvez désactiver la possibilité de fermer le modal en cliquant en dehors de la zone modale en utilisant l'option de toile de fond :

Pour des modaux spécifiques utilisant JavaScript :

$('#myModal').modal({backdrop: 'static'});

Pour les modaux spécifiques utilisant des attributs de données :

<button
  data-target="#myModal"
  data-toggle="modal"
  data-backdrop="static"
  data-keyboard="false"
>
  Launch demo modal
</button>

Personnalisation supplémentaire :

Pour personnaliser davantage le comportement modal, vous pouvez également utiliser les options suivantes :

• toile de fond : Contrôle si le modal doit avoir une toile de fond.
• clavier : Contrôle si le modal doit être fermé en appuyant sur la touche Touche Échap.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!