$('#myModal').modal({
backdrop: 'static',
keyboard: false
})
or in HTML
<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#"> <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
Launch demo modal
</button>`
<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><div class="modal fade" id="myModal" data-keyboard="false" data-backdrop="static">