Zapobiec zniknięciu modalu Bootstrap podczas klikania na zewnątrz lub naciskania escape?

Działa również, data-backdrop="static" aby kliknąć i data-keyboard="false" aby Esc w modalu div:

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

Wystarczy dodać data-backdrop="static" i data-keyboard="false" atrybuty do tego modalu.

Np.

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

Możesz również użyć Direct w modelu bootstrap.

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

Możesz użyć poniższego kodu

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';

Aby zmienić domyślne zachowanie.

jQuery('#modal_ajax').modal('show', {backdrop: 'static', keyboard: false});

Używam tych atrybutów i działa, data-keyboard="false" data-backdrop="static"

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

Jeśli trzeba wyłączyć klikanie na zewnątrz, ale włączyć naciśnięcie escape

$('#myModal').modal({
    backdrop: 'static',   // This disable for click outside event
    keyboard: true        // This for keyboard event
})

Zadziałał dla mnie następujący skrypt:

// prevent event when the modal is about to hide
$('#myModal').on('hide.bs.modal', function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});

Twój kod działa, gdy klikam na modal, ale jeśli używam html input pole wewnątrz modal-body następnie skoncentruj kursor na tym wejściu, a następnie naciśnij esc Klucz modalny został zamknięty. Kliknij tutaj

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

Myślę, że ten codepen może Ci pomóc prevent modal close css and bootstrap

Jeśli chcesz skonfigurować to Po wyświetleniu modal, możesz użyć @nabid solution. Jednak czasami nadal musisz zezwolić na jakąś metodę , aby zamknąć modal. Zakładając, że masz przycisk z klasą really-close-the-modal, który powinien naprawdę zamknąć modal, możesz użyć tego kodu (jquery):

var closeButtonClicked = false;

$('.really-close-the-modal').on('click', function () {
    closeButtonClicked = true;
});

$('#myModal').on('hide.bs.modal', function (e) {
    if (!closeButtonClicked) {
        e.preventDefault();
        e.stopPropagation();
        return false;
    }
    closeButtonClicked = false;
});

To nie jest naprawdę ładny projekt kodu, ale pomógł mi w sytuacji, gdy modal został pokazany z animacją loadera, dopóki nie powróciło żądanie ajax i dopiero wtedy mogłem wiedzieć, czy modal musiał być skonfigurowany, aby zapobiec" niejawnemu " zamknięciu. Możesz użyć podobnej konstrukcji, aby zapobiec zamknięciu modalu podczas jego ładowania.