ユーザーによるブートストラップ モーダルの終了を無効にする

ユーザーが領域外をクリックしてブートストラップ モーダルを閉じることを防止できます。これは、続行する前にユーザーに特定のモーダル コンテンツの操作を強制したい場合に便利です。

モーダル背景クリック時の終了を無効にする

デフォルトでは、ユーザーは次のことができます。モーダル ウィンドウの外側をクリックしてモーダルを閉じます。この動作を無効にするには:

• ブートストラップ モーダル ドキュメントのオプション セクションで、背景オプションを見つけます。
• 背景オプションを静的に設定します。この値により、ユーザーが背景をクリックしたときにモーダルが閉じられなくなります。

Esc キーを押して閉じることを無効にする

さらに、ユーザーがモーダルを閉じないようにすることもできます。 Esc キーを押してモーダルにします:

• モーダルにオプションとして {keyboard: false} を渡します。これにより、Esc キーを押してもモーダルが閉じられなくなります。

JavaScript の使用

JavaScript を使用してバックグラウンドでのクリックとキーボードの押下でモーダルを閉じることを無効にするには:

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

データ属性の使用

無効にするにはデータ属性を使用してモーダルを閉じる:

    Launch demo modal

これらのオプションを使用すると、ユーザーが特定のモーダルを簡単に終了できないようにすることができ、より制御された集中的なユーザー エクスペリエンスを提供できます。