Front/JS & jQuery

[js][Bootstrap] 모달 창 외부클릭, esc 클릭 닫힘 방지 옵션

오선지♬ 2023. 9. 6. 20:04
728x90
반응형

$("#timer-modal").modal({ backdrop:'static', keyboard: false })

옵션

옵션은 data 속성 또는 JavaScript로 줄 수 있습니다. data 속성의 경우는 data-bs-backdrop=""처럼 data-bs-에 옵션명을 추가합니다.

Name Type Default Description
backdrop boolean or the string 'static' true modal-backdrop 요소를 포함합니다. 다른 방법으로서 배경 클릭시 모달을 닫지 않으려면 static 을 지정합니다.
keyboard boolean true escape key 를 누르면 모달을 닫습니다.
focus boolean true 초기화시에 모달에 포커스를 맞춥니다.

 

출처 https://getbootstrap.kr/docs/5.0/components/modal/

 

모달

Bootstrap JavaScript 모달 플러그인을 사용하여 라이트박스, 사용자 알림 또는 사용자 정의 콘텐츠를 만들 수 있습니다.

getbootstrap.kr

 

728x90
반응형

'Front > JS & jQuery' 카테고리의 다른 글

[js] 모바일 브라우저 감지  (0) 2023.09.10
[jQuery] $.fn 사용자정의 함수  (0) 2023.09.07
[js] clearInterval()  (0) 2023.09.05
[js] setInterval()  (0) 2023.09.04
[jQuery] .animate()  (0) 2023.09.01