Saya mengikuti instruksi untuk modal Bootstrap Twitter di halaman dokumentasi utama mereka
dan menggunakan data-keyboard="true"sintaks yang disebutkan tetapi tombol escape tidak menutup jendela modal.
Apakah ada hal lain yang saya lewatkan?

Kode:

<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>

Sepertinya ini adalah masalah dengan bagaimana acara keyup sedang terikat.

Anda dapat menambahkan tabindexatribut untuk modal Anda untuk mengatasi masalah ini:

tabindex="-1"

Jadi kode lengkap Anda akan terlihat seperti ini:

<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>

Untuk info lebih lanjut, Anda dapat melihat diskusi tentang masalah ini di github

(Tautan yang diperbarui ke repositori TWBS baru)

juga jika Anda memohon melalui javascript, gunakan ini:

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

tambahkan tabindex="-1"atribut ke modal div

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

</div>

Di sudut saya menggunakan seperti ini:

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

• backdrop: 'static' => Berhenti untuk menutup mengklik di luar
• keyboard: false => Stop untuk menutup dengan menggunakan escape buttton

Bootstrap 3

Di HTML, atur data-backdropke static dan data-keyboardfalse

Contoh:

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

atau

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

Tes Langsung:

https://jsfiddle.net/sztx8qtz/

Tahu Lebih Banyak: http://budiirawan.com/prevent-bootstrap-modal-closing/