Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 자바스크립트비밀번호검증
- apache mod rewrite
- bootstrap
- magic bytes
- php 특정 문자열 취환
- 구글 OTP 인증
- modsecurity 설치
- PHP 정규식 예제
- 부트스트랩4 세로 중앙 정렬
- mysql root 비밀번호 변경
- 세로 중앙 정렬
- PHP 구글 OTP 인증
- 아파치 웹 서버의 정보 숨기기
- svn 충돌 해결 resolved
- JQuery checkbox 컨트롤
- usb efi 시스템 파티션 삭제
- 파라미터 & 오류
- svn 충돌 해결 resolve
- javascript
- (using password: YES)" when trying to connect
- 비밀번호정규식
- PHP 구글 OTP 연동
- 비밀번호검증정규식
- bootstrap modal
- group_concat 구분자
- html pdf 변환
- libxrender1
- wkhtmltopdf 실행 오류
- 우분투 mysql 비밀번호 없이 로그인 될때
- mysqldump: Got error: 1045
Archives
- Today
- Total
투덜이 개발자
[bootstrap] ESC 또는 클릭 시 Modal 닫힘 방지 본문
반응형
[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 |