¿Evitar que el modo Bootstrap desaparezca al hacer clic fuera o presionar escape?

También funciona, data-backdrop="static" para hacer clic y data-keyboard="false" para Esc en su modal div:

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

Simplemente agregue data-backdrop="static" y data-keyboard="false" atributos a ese modal.

Eg.

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

También puede Usar Direct en el modelo bootstrap.

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

Puede utilizar el siguiente código

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

Para cambiar el comportamiento predeterminado.

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

Utilizo estos atributos y funciona, 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">

Si necesita desactivar hacer clic fuera, pero habilitar pulsando escape

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

El siguiente script funcionó para mí:

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

Su código funciona cuando hago clic en el lado del modal, pero si uso html input campo dentro del cuerpo modal, luego enfoca el cursor en esa entrada y luego presiona esc llave el modal ha cerrado. Haga clic en aquí

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

Creo que este codepen puede ayudarte prevent modal close css and bootstrap

Si necesita configurar este después de se muestra el modal, puede usar la solución @Nabid. Sin embargo, a veces todavía necesita permitir algún método para cerrar el modal. Suponiendo que tenga un botón con la clase really-close-the-modal, que realmente debería cerrar el modal, puede usar este código (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;
});

Esto no es realmente un buen diseño de código, pero me ayudó en una situación en la que el modal se mostraba con una animación del cargador, hasta que regresó una solicitud ajax, y solo entonces podía saber si el modal necesitaba ser configurado para evitar el cierre "implícito". Puede utilizar un diseño similar para evitar el cierre del modal mientras todavía está cargando.