Benutzerinitiiertes Beenden aus Bootstrap-Modal deaktivieren

Sie können Benutzer daran hindern, ein Bootstrap-Modal zu schließen, indem Sie außerhalb seines Bereichs klicken. Dies kann in Situationen nützlich sein, in denen Sie Benutzer zwingen möchten, mit bestimmten modalen Inhalten zu interagieren, bevor Sie fortfahren.

Schließen bei modalem Hintergrund deaktivieren Klicken Sie auf

Standardmäßig können Benutzer dies tun Schließen Sie ein Modal, indem Sie auf eine beliebige Stelle außerhalb des Modalfensters klicken. So deaktivieren Sie dieses Verhalten:

• Suchen Sie im Abschnitt „Optionen“ der modalen Bootstrap-Dokumentation die Hintergrundoption.
• Setzen Sie die Hintergrundoption auf „Statisch“. Dieser Wert verhindert, dass das Modal geschlossen wird, wenn Benutzer auf den Hintergrund klicken.

Schließen durch Drücken der Escape-Taste deaktivieren

Darüber hinaus können Sie verhindern, dass Benutzer das schließen Modal durch Drücken der Esc-Taste:

• Übergeben Sie {keyboard: false} als Option für das Modal. Dadurch wird verhindert, dass das Modal durch Drücken von Esc geschlossen wird.

Verwenden von JavaScript

So deaktivieren Sie das Schließen des Modals bei Hintergrundklick und Tastendruck mit JavaScript:

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

Verwenden von Datenattributen

Zu deaktivieren Schließen des Modals mithilfe von Datenattributen:

    Launch demo modal

Durch die Verwendung dieser Optionen können Sie sicherstellen, dass Benutzer bestimmte Modalitäten nicht einfach verlassen können, was für ein kontrollierteres und fokussierteres Benutzererlebnis sorgt.