반응형
1. 시험환경
- Bootstrap
- Java Script
2. 목적
- <ESC> 입력시 Modal 창이 닫히는 것을 방지한다.
- Modal 영역 밖에서 마우스 클릭시 Modal 창이 닫히는 것을 방지한다.
3. 적용
① Modal 태그에 적용하는 방법
② JavaScript에서 적용하는 방법
$('#signup-modal').modal( {data-backdrop: 'static', data-keyboard: 'false'} );
4. 결론
① data-backdrop과 data-keyboard 속성을 함께 설정하면 동작하는 것을 확인할 수 있다.
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.
반응형
'자바스크립트 가시화 라이브러리' 카테고리의 다른 글
| [vis.js] 라이브러리 설치 및 샘플 실행 (0) | 2022.07.25 |
|---|---|
| JavaScript 이벤트 처리 코드 (0) | 2022.06.06 |
| [jQuery] 테이블 내용 업데이트(삭제, 추가)하는 코드 (0) | 2021.11.08 |
| [jQuery] ajax를 이용하여 json object를 controller 전달 코드 (0) | 2021.11.08 |
| [jQuery] table 데이터를 json object로 저장하는 코드 (1) | 2021.11.08 |
