- 분류 전체보기 (292)
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
- group_concat 구분자
- mod_security2 설치
- sha-2 root
- 비밀번호정규식
- apple push notification service (apns) is changing
- (using password: YES)" when trying to connect
- usb efi 시스템 파티션 삭제
- mysqldump: Got error: 1045
- 비밀번호검증정규식
- php 배열제거
- PHP 구글 OTP 인증
- 아파치 웹 서버의 정보 숨기기
- modsecurity 설치
- bootstrap
- php 이미지 url 검증 함수
- postfix 설치
- httpd.conf 보안 설정
- 자바스크립트비밀번호검증
- 구글 OTP 인증
- PHP 구글 OTP 연동
- PHP 정규식 예제
- 파라미터 & 오류
- javascript
- 윈도우 환경 아파치 mod_security2 설치
- html pdf 변환
- mariadb upgrade
- wsl2 우분투에 docker 설치
- 윈도우 mod_security2
- 숫자 3자리(천단위) 마다 콤마 찍기
- bootstrap modal
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 |