ホームページ > ウェブフロントエンド > CSSチュートリアル > ブートストラップ モーダルがクリック外で閉じないようにするにはどうすればよいですか?

ブートストラップ モーダルがクリック外で閉じないようにするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-10 02:00:02
オリジナル
688 人が閲覧しました

How to Prevent Bootstrap Modals from Closing on Outside Click?

外側のクリックでブートストラップ モーダルを閉じることを無効にする

ブートストラップ モーダルのデフォルトの動作では、外側の任意の場所をクリックしてモーダルを閉じることができます。モーダルコンテンツエリア。ただし、この動作を防止し、外側をクリックしてモーダルを閉じる機能を無効にしたい場合があります。

カスタマイズ オプション

これを実現するには、 Bootstrap が提供する次のオプションを使用できます:

1.背景:

背景オプションを静的に設定すると、背景をクリックしてもモーダルが閉じなくなります。

2.キーボード:

キーボード オプションを false に設定すると、エスケープ (Esc) キーを押してもモーダルが閉じなくなります。

オプションの実装

向けJavaScript:

データ属性の場合:

これらのオプションを使用すると、特定のモーダル インスタンスを閉じる機能を選択的に無効にすることができます。コンテンツ領域の外側をクリックしても、他のモーダルは通常どおり機能します。

以上がブートストラップ モーダルがクリック外で閉じないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート