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 });