Comment empêcher la fermeture d'un modal Bootstrap ?
Réponses rédigées par Antoine
Dernière mise à jour : 2020-09-20 11:18:22
Question
Lorsque je clique à l'extérieur d'un modal Bootstrap 4, celui-ci se ferme. Comment empêcher la fermeture d'un modal Bootstrap ?
Réponse
La manière d'empêcher la fermeture d'un modal Bootstrap, lorsque l'utilisateur clique à l'extérieur du modal, ou appuie sur la touche ECHAP
de son clavier, dépend de la façon dont le modal est ouvert.
Si le modal Bootstrap est ouvert via un bouton, vous devez ajouter les attributs data-backdrop
et data-keyboard
au bouton :
<button data-target="#modal" data-toggle="modal" data-backdrop="static" data-keyboard="false">Exemple</button>`
Si le modal Bootstrap est ouvert via JavaScript, vous devez utiliser le code suivant pour désactiver sa fermeture lorsque l'utilisateur clique en dehors du modal :
$("#exemple").modal({ backdrop: 'static', keyboard: false });