防止在单击外部或按Escape键时Bootstrap Modal消失？[重复]

<div class="modal show">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">     

    <h4 class="modal-title">Modal title</h4>
     </div>
     <div class="modal-body">
      <p>One fine body&hellip;</p>
  </div>

  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

我认为此Codepen可以帮助您 防止模式关闭CSS和自举

Your code is working when i click out side the modal, but if i use html input field inside modal-body then focus your cursor on that input then press esc key the modal has closed. Click here

<button class="btn btn-primary btn-lg" data-backdrop="static" data-keyboard="false" data-target="#myModal" data-toggle="modal">

我使用这些属性，并且有效， data-keyboard="false" data-backdrop="static"

只需向该模式添加data-backdrop="static"和data-keyboard="false"属性即可。

例如。

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

您也可以在引导程序模型中使用Direct。

<div class="modal fade" id="myModal" data-keyboard="false" data-backdrop="static">

也可以工作，data-backdrop="static"单击以退出并data-keyboard="false"进入div模式中的Esc：

<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">