modal 팝업 이벤트 정지시키기

최근 조건에 따라 modal의 팝업 기능을 멈추게해야하는 일이 있었다.

modal같은 경우에 팝업을 멈추게 할 수 있는 이벤트를 찾아본 결과 아래와 같은 결과를 얻었다.

$('#modal').on('show.bs.modal', function (e) {

  e.preventDefault();

})

저기에 id 값은 팝업 div의 id 값이다.

그리고 오른쪽에 show.bs.modal은 modal 팝업이 뜨기전에 실행되는 이벤트이다.

고로 해당 modal 이벤트에 e.preventDefault()를 적용하면 본 팝업을 막을수 있다.

이외에도

shown.bs.modal, hide.bs.modal, hidden.bs.modal 등이 있다.

본 이벤트에 관해서는 아래의 사이트를 참고하면 된다.

https://v4-alpha.getbootstrap.com/components/modal/