Bootstrap don't close modal on click outside or ESC key

victorelec14 -

Estas son 3 formas de como evitar que se cierre un modal al hacer click fuera o en el body.

Dependiendo de lo que queremos hacer debemos usar la siguientes propiedades:

backdrop = Al hacer click fuera del modal 
keyboard = Al pulsar la tecla ESC

1. Al crear el modal por JS:

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

2. Mediante el botón de llamada:

<button data-target="#vicolinker" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Mi Boton
</button>

3. Directamente en el html del modal:

<div class="modal fade" id="modal_vicolinker" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static"> 
    . . .
</div>

Extra:

Desactivar en todos los Modal por defecto:

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



Keywords:
bootstrap 3 modal not close outside
bootstrap 3 backdrop html
Bootstrap no close modal on click outside or body
bootstrap don’t close modal on click outside
bootstrap don’t close modal on escape
Bootstrap no cerrar modal al hacer click fuera o ESC
bootstrap 4 modal don’t close on click outside