/Javascript/Bootstrap/Bootstrap modal popup disable click outside

Bootstrap modal popup disable click outside

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

Source: stackoverflow.com

Prevent bootstrap modal from closing when clicking outside

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

Source: stackoverflow.com

Bootstrap modal popup disable click outside

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

Source: stackoverflow.com

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="#">

Source: stackoverflow.com

Similar codes

0 vote202 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
1 vote221 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote217 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
3 votes210 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote140 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
2 votes214 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote231 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
253 votes363 views10 answers
Bootstrap cdn
CSS Bootstrap
-2 votes198 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
253 votes389 views10 answers
Bootstrap cdn
Javascript Bootstrap