prevent close modal when click outside

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

3.6
5
Cobblestone 105 points

                                    &lt;button class='btn btn-danger fa fa-trash' data-toggle='modal' data-target='#deleteModal' data-backdrop='static' data-keyboard='false'&gt;&lt;/button&gt;

3.6 (5 Votes)
0
4
3
Lachlan 95 points

                                    &lt;div id=&quot;idModal&quot; class=&quot;modal hide&quot; data-backdrop=&quot;static&quot; data-keyboard=&quot;false&quot;&gt;

4 (3 Votes)
0
3.63
8
Shkarik 145 points

                                    &lt;div class=&quot;modal fade&quot; id=&quot;myModal&quot; data-keyboard=&quot;false&quot; data-backdrop=&quot;static&quot;&gt;

3.63 (8 Votes)
0
5
1

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

5 (1 Votes)
0
5
1
Rauf 105 points

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

or in HTML
&lt;a data-controls-modal=&quot;your_div_id&quot; data-backdrop=&quot;static&quot; data-keyboard=&quot;false&quot; href=&quot;#&quot;&gt;

5 (1 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
disable modal close onclick outside bootstrap modal not closing with x button click bootstrap 4 modal side click close diable modal outside click close html prevent modal from closing do not close dialog box when click outside bootstrap modal bootstrap modal popup backdrop false bootstrap modal should not dismiss when clicking on browser window bootstrap modal backdrop none how to dismiss modal clicking outside of it do not close modal when click outside bootstrap click outside to close modal js close modal when click outside modal bootstrap close modal when click outside modal click to close modal bootstrap modal doesn't close after submit bootstrap 4 modal backdrop click disable how to stop on click listener when clicked outside a modal how to prevent modal to close from outside click modal popup outside click disable css bootstrap modal dialog close on click outside add modal backdrop prevent bootstrap modal to close js How to Close a Modal Window when users Click Outside it, with vanilla JavaScript close the modal if the button is click how to close a modal by clicking outside bootstrap fixed modal not close when click outside disable modal outer click prvent outside click on modal how to prevent click first modal element when open while second modal Bootstrap modal-backdrop over modal prevent click all elements modal bootstrap prevent click inside modal bootstrap bootstrap modal outside click disable jquery modal run hide when click outside data backdrop static bootstrap modal bootstrap modal how to disable the hide on click bootstrap modal popup preventdefault on hide event issue bootstrap modal click outside false bootstrap 4 modal static backdrop bootstrap modal outside click not close modal backdrop click disable bootstrap modal popup events hide bootstrap modal event on outside click how to close modal popup when click outside stop bootstrap modal popup from closing js stop bs modal from closing onclick closing a bootstrap modal from function jquery bootstrap modal remove outside click close click outside of modal bootstrap modal with no popup how to prevent modal from closing when clicking outside bootstap how to restric clicking outside modal syntax to close modal when clicked outside of modal using jquery modal don't close when click outside on click outside modal close bootstrap 4 on click outside div modal close bootstrap 4 bootstrap 4 modal with backdrop disable click outside modal javascript bootstrap modal disable close outside modal popup outside click disable how to stop closing of bootstrap modal popup outside click disable click outside of modal area to close modal click on modal closes it close modal on click outside js prevent close modal on button click Bootstrap 4 modal backdrop=static bootstrap 4 modal backdrop how to cancel modal by clicking outside modal without backdrop bootstrap bootstrap modal close click outside bootstrap modal disable close on click outside close modal on click outside javascript bootstrap modal remove close on outside click prevent bootstrap modal from opening when a button is clicked how to close on click modal by click to any place disable close modal when click close modal-backdrop show over modal How to prevent a modal from closing on refresh How to prevent a modal from closing without submission div modal avoid click out dismiss automatic close modal when click outside prevent modal from closing on button click swal2 bootstrap modal won't close click outside bootstrap modal click outside to close bootstrap enable modal backdrop js remove click outside for. close modal prevent closing modal when clicking outside jqeury how do you close modal by clicking outside how do you close modal by clicking away get event when closing bootstrap modal without cross disable modal click outside css remove modal click outside make modal close on click outside bootstrap 5 bootstrap 5 modal without closing when clicking outside jquery bootstrap 5 modal without close when clicked outside bootstrap 5 modal without closes when clicked outside bootstrap 5 modal without close when click outside prevent modal close on outside click in swal prevent modal close on outside click bootstrap modal popup don close on click outside how to add data backdrop in bootstrap modal bootstrap modal appears behind backdrop bootstrap modal show only backdrop how to restrict modal close when click outside bootstrap modal block close on click outside modal bootstrap dont close from outside modal open close outside button prevent modal dismiss when click outside why bootstrap modal is not close on button click how to stop hide of modal pop up on click of outside in bootstrap 4 how to stop hide of modal pop up on click of outside in bootstrap how to make modals not disappear on clicking outside the modal stop closing modal if click on trasparent area boostrap modal not close click outside how to make modal click out exit how to keep bootstrap modal open when you click outside remove modal close on backdrop click bootstrap modal should not close on click outside bootstrap modal is not closing bootstrap 4 modal modal is not closing on click outside bootstrap 4 modal modal close on click outside backdrop of bootstrap modal bootstrap modal backdrop options dismiss modal on click outside how to avoid closing a modal with bootstrap make modal not close when click outside html bootstrap modal under backdrop modal click away modal close when click outside close modal window by clicking outside how to stop modal on dismissing on click outside bootstrap modal closes when clicked outside 4 close modal when click outside bootstrap 4close modal when click outside bootstrap close modal when click outside bootstrap bootstrap 4 modal is delaying modal backdrop how to disable bootstrap modal close on click modal don't close on click outside bootstrap prevent modal dismiss when event happened prevent dismiss modal on click specific btn prevent bootstrap modal from closing on button click when validation fails prevent bootstrap modal from closing on button click bootstrap modal click outside prevent modal hide when click outside bootstrap modal hide modal-backdrop bootstrap modal close outside click hide bootstrap modal backdrop bootstrap modal popup backdrop hide bootstrap modal popup backdrop remove twitter bootstrap modal disable click outside prevent closing modal when clicking button in table on click close modal bootstrap modal backdrop is not closing even after closing the modal not allow click outside modal bootstrap modal only backdrop showing bootstrap modal remove backdrop why modal is closing when clicking on it bootstrap modal only shows backdrop when open with javascript jquery bootstrap modal prevent close button event how to close modal after preventdefault how to close modal after prevent default how to close bootstrap modal after prevent default only show backdrop of bootstrap modal modal open add backdrop bootstrap modal covered with modal-backdrop Disable click outside of bootstrap modal area to close modal boatstrap bootstrap modal is shown under previous modal modal bootstrap outside close remove modal if click outside How to disable modal popup outside click close modal on click close button how to make modal disapper by clicking outside the modal bootstrap modal don't close on click outside how to show bootstrap modal near on click outside bootstrap modal outside click event trigger bootstrap modal outside click event modal hides click outside bootstrap 4 disable click outside modal html: click outside of modal to close bootstrap modal track backdrop modal close on click outside disable prevent modal closing on submit delete bootstrap modal on click of close disable modal close on click outside bootstrap 4 bootstrap modal popup should not close when click outside modal prevent hide click outside Block bootsrap modal from closing when if something still needs to be done stackoverflow bootstrap modal disable close by clickable close modal with click outside bootstrap modal modal backdrop not closing bootstrap modal second modal-backdrop clicking outside modal closes it prevent bootstrap 4 modal hide event from firing how to prevent bootstrap modal from closing using jquery bootstrap modal backdrop covering modal bootstrap prevent button from closing modal close modal on clicking anywhere outside div in single html close modal on clicking anywhere outside div close modal on clicking anywhere outside modal bootstrap modal show automatically no close modal when click outside click out modal close modal box click outside close but not insde bootstrap modal popup is not closing click outside modal box close modal not close on cancel button outside modal don't close when click on button' bootstrap modal data-backdrop bootstrap modal backdrop remove backdrop false in modal bootstrap how to make bootstrap modal not click outside remove modal on click away bootstrap modal no close on click outside close a modal automatically on button click modal backdrop show make modal not close when click submit modal click outside to close bootstrap modal data-backdrop= false close bootstrap modal on cancel button click modal close on click outside stop prevent clicking out bootstrap modal how to close modal after clicking a button avoid modal dismiss on outside click bootstrap material avoid modal dismiss on outside click prevent modal close when click outside bootstrap when click button stop modal to close modal popup over modal popup bootstrap bootstrap modal dismiss on click bootstrap 5 modal not close on click outside Modal is also backdroped bootstrap prevent bootstrap modal from closing on click outside modal block outside click bootstrap modal disable click outside bootstrap bootstrap manually insert modal backdrop bootstrap modal-backdrop keep showing bootstrap prevent modal close on click close modal on click outside bootstrap modal backdrop on top of modal jquery modal prevent close click outside modal-backdrop add class how to close the modal popup using javascript when click outside dont close modal on click out bootstrap modal not clickable outside bootstrap modal dialog prevent close on click outside dialog prevent close on click outside disable bootstrap modal backdrop disable bootstrap modal overlay bootsrap modal closing by clicking outside prevent modal close when click outside css prevent popover from closing when click on modal prevent modal popup from closing on button click bootstrap modal not closing on clicking body js html modal popup without bootstrap bootstrap modal prevent open onclick data modal popup don't close outside click js close modal on click outside disable back in bootstrap modal close on click outside how to close modal on click how to disable click around Modal click outside for modal dismiss bootstrap stimulate a click outside of a modal hide modal on click outside js what is backdrop in bootstrap modal bootstrap success modal popup b modal prevent close when click outside bootstrap modal prevent button show bootstrap modal popup print lock close modal by clicking outside bootstrap modal popup after open event bootstrap 4 modal close on click outside my modal pop up and close immediately in bootstrap4 trigger click outside modal modal close off outside click close bootstrap modal when click outside bootstrap modal disable outside click bootstrap modal backdrop not closing bootstrap modal closes when clicked inside bootstrap hide modal backdrop modal click outside not close modal-backdrop target modal modal show and modal not close on click outside prevent oustide click modal bootstrap modal disable dismiss on click outside stop showing modal on close or outside click jquery disable modal close on click outside css disable modal close on click outside bootstrap modal bootstrap disable click outside bootstrap modal cannot close when clicking the close button bootstrap modal don't close on button click bootstrap modal creating two backdrops how to close modal when click outside js close modal when clicking outside javascript on click modal close javascript close modal click outside disable close modal click button bootstrap modal don't close click outside bootstrap modal backdrop disables content prevent modal close when click button click outside modal close bootstrap modal open backdrop after closing oerlay not closing bootstrap modal bootstrap modal data backdrop modal should not close on clicking outside on click outside modal close how to disable modal close by clicking on side click modal background to close but not close on click of modal allow click outside modal bootstrap 3 modal does not close on outside click close modal by clicking outside javascript click outside of modal to close typescript Modal not close when click outside html cleck outside modal close dismis modal by clicking outside bootstrap dismis modal by clicking outside which javascript function invoke when to click outside to close tha modal Click outside of the modal to close it How do I keep track my bootstrap modal from closing when I click outside? How do I keep my bootstrap modal from closing when I click outside? which javascript event trigger in bootstrap modals click outside the modal and close which javascript trigger in bootstrap modals click outside the modal and close modal popup modal-backdrop black bootstrap modal disable close on backdrop modal in modal box bootstrap disable scroll modal popup should not close when click outside close modal when clicked outside js .modal-backdrop show modal bootstrap backdrop show but not modal modal bootstrap backdrop show Bootstrap modal only shows backdrop bootstrap 4 modal popup getting close when click outside click body close modal bootstrap modal not closing bootstrap modal don't close when click outside bootstrap even clicking off modal don't close modal after an event dont close modal after a event don disappear bootstrap modal when click outside bootstrap 4 video modal popup stop when click outside close modal on clicking outside click outside modal to close onclick ID element not closing bootstrap modal onlick ID element not closing bootstrap modal close a modal click outside js bootstrap 4 modal backdrop over modal click outside of modal to close modal outside click event close modal when click outside trigger how to detect the closing of Button trigger modal how to make modal not close on click outside using css modal not closing on click close bootstrap modal is behind backdrop close modal upon click of button backdrop bootstrap modal modal should not close when click outside how to make modal only not close on click outside modal dont close on click outside modal ios how to show bootstrap modal backdrop modal bootstrap backdrop disable backdrop modal bootstrap how to activate modal backdrop in bootstrap bootstrap modal-backdrop class how to close modal on click outside bootstrap 4 modal popup don't close on click outside bootstrap modal close on body click click outside modal not close new bootstrap.modal() events close slds modal on clicking outside of it modal close on mouse click modal pop up welcome bootstrap click outside modal to close pure javascript modal-backdrop on click bootstrap modal delay closing on click outside bootstrap 4 modal data-backdrop boostrap show modal dialog prevent outside click bootstrap modal not popping up stop button form dismissing modal bootstrap modal no off click bootstrap modal showing behind backdrop how to prevent close modal event when I click hide modal pop click outside activate bootstrap modal backdrop how to close modal when click outside javascript javascript modal close onclick outside modal outside click don't close modal on action how to prevent bootstrap modal from closing when clicking outside in jquery onload modal popup backdrop in bootstrap how to disable modal outside click bootstrap modal going behind backdrop css close modal by clicking outside bootstrap prevent modal close on submit modal popup don't close on outside click backdrop show bootstrap modal stop button in modal from dismissing the modal how to automatically close a modal after click event disable modal close on click outside for some seconds modal click outside close bootstrap modal closing event bootstrap 3 modal disable click outside bootstrap modal close only on button click Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? why modal close when click outside jquery prevent from modal dialog close when click outside how to prevent from modal closing alter clicking outside widget-overlayHow to prevent Bootstrap modal from closing when clicking outside Bootstrap 4 modal not closing bootstrap on modal close bootstrap 3 modal don't close on click -outside bootstrap 3 modal don't close on click click outside of the modal to close it javascript click outside to close modal modal close on click outside close modal if click outside close modal on click outside bootstrap click out of modal to close Disable right click on modal bootstrap jquery bootstrap modal disable click outside modal prevent close on click outside click outside close modal prevent page from shifting on modal is open hide modal when click outside bootstrap modal closes when clicking window close modal outside click modale click outside to close modal bootsrap popup alert suppression close modal after click outside it vanilla javascript close modal afer clicking outside it close modal clicking outside how to disable click outside modal prevent modal from closing on backdrop click how to prevent closing menu after entering modal dialog prevent click outside modal how to stop a modal to stop from closing when clicking outside make modal close when click outside b modal click outside disable bootstrap modal not close outside click not close modal popup when click outside bootstrap 5 modal dont close click outside close popup when click outside bootstrap do not close modal on click outside onclick modal should close close modal by clicking outside disable close action of modal when click outside modal modal-backdrop show how to disabled Modal from outside click disable close modal when click outside bootstrap modal close on outside click disable click outside modal bootstrap modal popup disable click outside modal close click outside how to close modal popup with clicking outside modal backdrop bootstrap backdrop in bootstrap modal bootstrap modal backdrop how to close modal on outside click add class to modal backdrop how to hide modal when click outside js close modal when you click outside prevent outside click modal modal is closing when clicking outside js how to make modal close on click outside how to close modal when click outside close bootstrap modal on window click disable modal close on click outside should not dismiss the modal if click outside bootstrap backdrops bootstrap modal modal close when click inside modal on click outside bootstrap modal not closing on click outside how to make modal not to close on click outside is not working how to make modal not to close on click outside bootstrap disable outside click modal bootstrap prevent click outside modal close modal when click outside modal-backdrop show bootstrap modal without backdrop restrict modal close on click outside prevent closing modal when clicking outside bootstrap modal close when mouse click outside bootstrap modal will not close when clicking outside disable click outside of bootstrap modal area to close modal enable click outside of bootstrap modal area to close modal bootstrap modal popup close on click outside disable bootstrap modal backdrop click event modal box bootstrap no backdrop bootstrap modal static backdrop boostrap modal when it popups event on click outside to close modal modal without popup in bootstrap modal don last on click outside bootstrap 4 modal donr last on click outside does bootstrap modal disable click outside prevent modal from closing on specific button click prevent modal from closing on button click prevent outside click close modal popup modal not closing on click event modal stop close how to prevent modal from closing javascript confirmation modal popup in bootstrap html close modal when click outside bootstrap disable modal backdrop. don't close mdb modal on click outside don't close modal on click outside add class on bootstrap modal backdrop modal bootstrap add backdrop disapperar modal bootstrap add backdrop problem stop button from closing modal bootstrap modal click outside not close bootstrap popup modal trigger bootstrap modal click outside to close it bootstrap 4 modal popup prevent close on click outside bootstrap modal cannot click off bootstrap modal no backdrop close modal when click outside javascript javascript click outside modal to close modal outside click disable bootstrap modal should not close when click outside wihtout javascript bootstrap modal should not close when click outside bootstrap modal backdrop static disable modal to close on click on other area bootstrap popup modal profile prevent modal popu outside click javascript close modal when click outside how to make modal close on click outside close modal popup when click outside bootstrap modal backdrop over modal onclick outside modal close click outside div to cancel modal How to Prevent Bootstrap Modal from Closing how to disable outside click of modal modal not close on click outside bootstrap modal on modal backdrop goes behind js click outside modal to close vanilla js close modal on click outside modal disable outside click bootstrap modal backdrop stay in the modal modal click outside close false prevent modal from closing on click outside prevent rerender modal onclick backdrop static modal using jquery backdrop static modal close modal when click outside js outside click modal background close prevent modal close on click outside modal doesn't close on click outside bootstrap modal doesn't close on click outside enable bootstrap modal close on click outside click outside modal to close javascript disable clicking outside modal modal box don't show on click prevent close modal when click outside boostrap modal inside modal prevent fade bootstrap modal prevent closing on outside click How to stop Bootstrap modal submit button from closing when clicking How to prevent Bootstrap modal from closing when clicking submit how to prevent bootstrap modal from closing while submit don't close bootstrap modal when click outside bootstrap 4 prevent modal from closing bootstrap 4 modal behind backdrop bootstrap modal enable esc disable backdrop prevent bootstrap modal close on click outside how to make bootstrap modal not dismissable how to create dismissible in bootstrap modal not how to create dismissable in bootstrap modal not restrict not clickable outside modal popup javascript disable bootstrap modal close on click outside How to Prevent Bootstrap Modal from Closing when Clicking Outside, non dismissible modal bootstrap get click on side of modal bootstrap modal data-backdrop= static bootstrap modal allow click outside bootstrap disable click outside modal disable outside click modal bootstrap why after clicking outside of my bootstrap modal is not closing prevent close modal popup bootstrap modal backdrop not working bootstrap 4 modal stop exit on click outside bootstrap modal it should be content on click outside bootstrap modal it should be stable bootstrap popup keep open bootstrap modal should be stable after click outside close bootstrap modal popup when click outside modal should be stable clicking outside bootstrap modal should not be dismissible data backdrop static prevent to close model when click outside my modal come outside of box static model in bootstrap able to click the menu although used data-backdrop = 'static' data-backdrop= static bootstrap stop form close on click outside prevent modal popup close even if keyboard false my modal not working bootstrap modal stop click outside disable outside click modal jquery model open after model out side click not work make bootstrap modal static bootstrap modal behind backdrop bootstrap modal prevnet close on click outside not close modal window clicking inside modal popup bootstrap is close when click outside modal keyboard false modal dialog click outside how to prevent bootstrap modal from closing when clicking outside disable outside click modal bootstrap modal not cancelable bootstrap 4 close modal outside bootstrap modal close on click outside of modal how diable modal close on out side click stop modal from closing when clicking outside data keyboard false modal bootstrap bootstrap modal on modal backdrop close bootstarap modal on background click on click outside prevent modal from closing bootstrap prevent click bootstrap modal not close when click outside modal prevent click outside how to make backdrop click modal disappearing on keyboard press disable closing of modal when clicking outside prevent modal from disappearing when you press enter bootstrap 4 modal disable click outside bootstrap modal click outside event enable bootstrap modal disable backdrop click how to make modal not close on click outside in jquery how to make modal not close on click outside backdrop static in modal how to not close modal by clicking outside bootstrap don't close modal on click outside bootstrap data-backdrop=&quot;static&quot; data-keyboard=&quot;false&quot; jquery data-backdrop=&quot;static&quot; data-keyboard=&quot;false&quot; modal not hide when click outside block click bootstrap how to disable bootstrap modal close on click outside prevent modal outside click backdrop: 'static', modal static backdrop prevent modal from hiding on click out stop modal close when click outside prevent modal close outside click bootstrap modal close when click outside prevent escape and modal outside click disable dismiss modal no javascript bootstrap bootstrap modal backdrop false modal not clickable outside bootstrap modal don't hide on outside click stop close modal on click outside how to prevent my modal not going below windows menu javascript backdrop static vs keep bootstrap modal open modal show backdrop static modal disable click outside how to prevent modal close on outside click modal disappears on click make bootstrap modat to not close when cliking outside bootstrap modal popup not close when click outside stop closing modal on outside click how to not close modal by clicking outside bootstrap modal disable hide on click outside modal not disappearing when clicking outside off outside click in popup to close how to make modal go away when clikced outside how to prevent modal from closing when clicking outside do not close modal popup on escape bootstrap modal doesn't close when click outside prevent modal from closing bootstrap bootstrap 4 modal prevent close on click outside bootstrap modalshould not close on ouside click javascript popup do not close when click outside usig js bootstrap modal disappears on click bootstrap pop up no click outside click outside modal to close bootstrap prevent bootstrap time on closing in modal when clicking outside outside click false in bootstrap model stop bootstrap modal from closing on click bootstrap modal prevent close on click outside bootstrap modal outside click disable how to restrict modal close when click outside in swift disable side click close during launch in modal bootstrap prevent modal from closing how to prevent bootstrap modal to close bootstrap model restrict closing on outside modal should not close when click outside jquery bootstrap modal not close on click outside bootrap 4 modal prevent click on inside body bootrap 4 modal prevent click on inside bootstrap 4 modal body disable click prevent modal to close when click how to prevent bootstrap modal from close when click outside prevent modal close when click outside how to stop bootstrap modal from closing how to stop closing model in bootstrap how to make bootstrap modal not dismissable automatically bootstrap modal not allow click outside bootstrap modal disable click outside bootstrap modal prevent backdrop prevent hiding modal bootstrap not close modal when click outside bootstrap allow click outside modal prevent modal from closing when clicking outside how to make bootstrap modal static prevent close modal when click outside bootstrap on click of space i want close bootstrap modal prevent bootstrap modal from closing when clicking outside Disable click outside of bootstrap modal area to close modal bootstrap 4 bootstrap disable modal close on click outside bootstrap 4 modal disable close bootstrap 4 modal avoid close prevent bootstrap modal from closing on escape prevent modal from closing outside click prevent bootstrap modal from closing bootstrap modal not closed on click outside bootstrap modal close on click outside bootstrap modal do not close on click outside
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source