[JavaScript] Bootstrap Modal 닫힘 방지 방법

[JavaScript] Bootstrap Modal 닫힘 방지 방법

---

1. Modal 밖 영역 눌렀을 때 자동 닫힘 방지

• 방법1. HTML

  <div class="modal" id="modal" data-backdrop="static">
  </div>

• 방법2. JavaScript

  $('#modal').modal({
    backdrop: 'static'
  })

2. 키보드 ESC 눌렀을 때 자동 닫힘 방지 ( KeyEvent 방지 )

• 방법1. HTML

  <div class="modal" id="modal" data-keyboard="false">
  </div>

• 방법2. JavaScript

  $('#modal').modal({
  keyboard: false
  })

 

 

 

---

[참고] https://stackoverflow.com/questions/16152073/prevent-bootstrap-modal-from-disappearing-when-clicking-outside-or-pressing-esca