首页 / 问答 / Bootstrap如何禁用/阻止/防止点击背景空白处关闭模态窗口(弹窗/弹出层)呢?

Bootstrap如何禁用/阻止/防止点击背景空白处关闭模态窗口(弹窗/弹出层)呢?

0

假如你正在基于Bootstrap开发一个网站,并且使用了Bootstrap的模态弹窗组件(modal),现在需要对这个模态弹窗进行一些默认的设置,比如需要禁用/阻止/防止在点击背景空白处关闭这个模态窗口,应该如何设置呢?

回复 [×]
提交评论
请输入评论内容

2 个回答

  • 0

    Bootstrap的模态弹窗组件提供了一些选项,其中可以设置backdrop或者keyboard属性来禁用/阻止/防止在点击背景空白处关闭这个模态窗口的功能,比如通过HTML的属性标签设置:

    或者在按钮上设置:

    通过JavaScript代码设置:

    注:backdrop设置为static是防止点击空白处理关闭模态弹窗,keyboard设置为false表示防止按下Esc关闭模态弹窗。

    Rector的个人主页

    Rector

    2020-03-17 回答

    • 0

      你还可以通过如下方式来修改Bootstrap模态弹窗的默认值,如下:

      Rector的个人主页

      Rector

      2020-03-17 回答

      我来回答