close modal when click outside code example

Example 1: bootstrap modal popup disable click outside

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

Example 2: prevent bootstrap modal from closing when clicking outside

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

Example 3: disable close from screen modal popup

<!-- opening with html, the key is the data-backdrop="static" attribute -->
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>
 
<script>
//Opening with JS:
$('#myModal').modal({backdrop: 'static', keyboard: false})  
</script>

Example 4: prevent close modal when click outside

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

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

Example 5: bootstrap modal popup disable click outside

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

Tags:

Html Example