Tôi đã làm theo các hướng dẫn cho phương thức Twitter Bootstrap trên trang tài liệu chính của họ
và sử dụng data-keyboard="true"cú pháp được đề cập nhưng phím thoát không đóng cửa sổ phương thức.
Có cái gì khác tôi đang thiếu?

Mã số:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal'>
  <div class='modal-body'>
    <div>Test</div>
  </div>
</div>

Có vẻ như đây là một vấn đề với cách sự kiện keyup bị ràng buộc.

Bạn có thể thêm tabindexthuộc tính cho bạn phương thức để khắc phục vấn đề này:

tabindex="-1"

Vì vậy, mã đầy đủ của bạn sẽ trông như thế này:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
    <div class='modal-body'>
    <div>Test</div>
    </div>
</div>

Để biết thêm thông tin, bạn có thể xem các cuộc thảo luận về vấn đề này trên github

(Liên kết cập nhật đến kho lưu trữ TWBS mới)

ngoài ra nếu bạn đang gọi qua javascript, hãy sử dụng điều này:

$('#myModal').modal({keyboard: true}) 

thêm tabindex="-1"thuộc tính vào phương thức div

<div id="myModal" class="modal fade" role="dialog" tabindex="-1">

</div>

Trong góc tôi đang sử dụng như thế này:

var modalInstance = $modal.open({                        
 keyboard: false,
 backdrop: 'static',
 templateUrl: 'app/dashboard/view/currentlyIneligibleView.html',
 controller: 'currentlyIneligibleCtrl',
 resolve: {
     data: function () { return param; }
    }
});

• backdrop: 'static' => Dừng để đóng khi nhấp vào bên ngoài
• bàn phím: false => Dừng để đóng bằng cách sử dụng thoát mông

Bootstrap 3

Trong HTML, chỉ cần đặt data-backdropthành tĩnh và data-keyboardsai

Thí dụ :

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

hoặc là

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

Kiểm tra trực tiếp:

https://jsfiddle.net/sztx8qtz/

Biết thêm: http://budiiINA.com/prevent-bootstrap-modal-closes/