/Html/Html close modal when click outside

Html close modal when click outside

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

Modal don't close when click outside

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

Source: stackoverflow.com

Prevent close modal when click outside

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

Source: stackoverflow.com

Html close modal when click outside

<body>
  <div class="modal fade" id="modalID" tabindex="-1" data-bs-backdrop="true" style="border-radius:38px;">
    <div class="modal-dialog">
      <div class="modal-content">
	        Lorem ipsum ....
      </div>
    </div>
  </div>
</body>

<script>
  // Bootstrap 5
  let modal = new bootstrap.Modal( document.querySelector('#emailValidation'), { backdrop: true, keyboard: true } );
  modal.toggle();
</script>

Similar codes

0 vote205 views1 answer
Wow html
Html
0 vote137 views2 answers
Vertical line navigation bar
Html
222 votes192 views6 answers
Bootstrap CSS CDN
Html
25 votes152 views10 answers
Bootstrap
Html
23 votes269 views5 answers
Map an array in react
Html
0 vote192 views1 answer
Barra di ricerca in html
Html
-1 vote131 views1 answer
Jqury
Html
0 vote143 views1 answer
How do i link two pages in html
Html
0 vote288 views1 answer
ONLINE VIDEO CALL FOR MY WEBSITE CODE
Html
4 votes191 views4 answers
How to put your email in html
Html