[bootstrap] ESC 또는 클릭 시 Modal 닫힘 방지

1. 시험환경

    - Bootstrap

    - Java Script

 

2. 목적

    - <ESC> 입력시 Modal 창이 닫히는 것을 방지한다.

    - Modal 영역 밖에서 마우스 클릭시 Modal 창이 닫히는 것을 방지한다.

 

3. 적용

① Modal 태그에 적용하는 방법

<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop='static' data-keyboard='false' id="signup-modal" >

 

② JavaScript에서 적용하는 방법

$('#signup-modal').modal( {data-backdrop: 'static', data-keyboard: 'false'} );

 

4. 결론

① data-backdrop과 data-keyboard 속성을 함께 설정하면 동작하는 것을 확인할 수 있다.

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.