par anonyme 20-Septembre-2020

Lorsque je clique à l'extérieur d'un modal Bootstrap 4, celui-ci se ferme. Comment empêcher la fermeture d'un modal Bootstrap ?

1 Réponse

par Hervé 20-Septembre-2020

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

Questions liées

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses de l'équipe et d'autres internautes.

2.6k questions

3k réponses

...