如何防止 Bootstrap 模態框在外部點擊時關閉？

在外部點擊時禁用Bootstrap 模態關閉

Bootstrap 模態的預設行為是允許透過點擊外部任意位置來關閉它們模態內容區域。但是，在某些情況下，您可能希望防止這種行為並停用透過點擊外部來關閉模式的功能。

自訂選項

要實現此目的，您可以使用Bootstrap 提供的以下選項：

1.背景：

將背景選項設為靜態將阻止點擊背景時模式關閉。

2.鍵盤:

將鍵盤選項設為 false 會阻止按 Esc (Esc) 鍵時關閉模式。

實作選項

對於JavaScript:

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

對於資料屬性：

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
</button>

對於資料屬性：

對於資料屬性：透過使用這些選項，您可以選擇性地停用關閉特定模態實例的功能點擊其內容區域之外，同時仍允許其他模式正常運作。

以上是如何防止 Bootstrap 模態框在外部點擊時關閉？的詳細內容。更多資訊請關注PHP中文網其他相關文章！