Désactiver la sortie initiée par l'utilisateur du modal Bootstrap

Vous pouvez empêcher les utilisateurs de fermer un modal Bootstrap en cliquant en dehors de sa zone. Cela peut être utile dans les situations où vous souhaitez forcer les utilisateurs à interagir avec un contenu modal spécifique avant de continuer.

Désactiver la fermeture sur un clic en arrière-plan modal

Par défaut, les utilisateurs peuvent fermez un modal en cliquant n'importe où en dehors de la fenêtre modale. Pour désactiver ce comportement :

• Dans la section options de la documentation modale d'amorçage, localisez l'option de toile de fond.
• Définissez l'option de toile de fond sur statique. Cette valeur empêche le modal de se fermer lorsque les utilisateurs cliquent sur l'arrière-plan.

Désactiver la fermeture en appuyant sur la touche Échap

De plus, vous pouvez empêcher les utilisateurs de fermer le modal. modal en appuyant sur la touche Échap :

• Passez {keyboard: false} comme option au modal. Cela empêche la fermeture du modal en appuyant sur Échap.

Utilisation de JavaScript

Pour désactiver la fermeture du modal en cliquant en arrière-plan et en appuyant sur le clavier à l'aide de JavaScript :

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

Utilisation des données Attributs

Pour désactiver la fermeture du modal à l'aide des attributs de données :

    Launch demo modal

En utilisant ces options, vous pouvez vous assurer que les utilisateurs ne peuvent pas facilement quitter des modaux spécifiques, offrant ainsi une expérience utilisateur plus contrôlée et ciblée.