투덜이 개발자

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

Program Language/JavaScript & Jquery

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

엠투 2023. 6. 15. 13:48
반응형

[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 속성을 함께 설정하면 동작하는 것을 확인할 수 있다.

 

https://languagestory.tistory.com/113

 

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

1. 시험환경 - Bootstrap - Java Script 2. 목적 - 입력시 Modal 창이 닫히는 것을 방지한다. - Modal 영역 밖에서 마우스 클릭시 Modal 창이 닫히는 것을 방지한다. 3. 적용 ① Modal 태그에 적용하는 방법 ② JavaS

languagestory.tistory.com

 

반응형
저작자표시

'Program Language > JavaScript & Jquery' 카테고리의 다른 글

JQuery checkbox 컨트롤  (0) 2023.12.04
[javascript/select2] bootstrap select2 선택값 변경  (0) 2023.09.13
새로고침 감지  (0) 2023.06.12
[자바스크립트] 정규표현식을 사용하여 태그만 제거하기  (0) 2022.11.16
[JavaScript] IE 접속시 Edge 로 접속 알림창 띄우기  (0) 2022.07.05
'Program Language/JavaScript & Jquery' Related Articles more