홈짱닷컴

JavaScript (js-1445 , 2019.07.05)

JS - preventDefault() 메서드 ★★★ - 요소 이벤트 기본동작 차단. (= 기본작동차단 = 기본작동중지 = 기본작동금지 = preventDefault메서드 = 프리벤트디폴트메서드) ※ 링크클릭방지, 체크방지, 링크클

목차 preventDefault() 예제 - 링크클릭방지 preventDefault() 정의 preventDefault() 구문 preventDefault() 예제 - 체크박스 작동 안 되게 하기 preventDefault() 예제 - 링크클릭방지 …

JavaScript (js-1394 , 2019.07.05)

JS - bubbles 속성 - 이벤트확산여부판별 (= 확산이벤트판별 = 버블즈속성, IE9)

bubbles 예제 <button onclick="homzzang(event)">클릭</button> <p id="demo"></p> <script> function homzzang(event) { var…

JavaScript (js-1354 , 2019.07.05)

JS - mouseup 이벤트 (= onmouseup 속성) - 마우스버튼올리기 (= 마우스업벤트)

목차 mouseup 예제 - 마우스버튼 올라갈 때 실행 mouseup 정의 mouseup 구문 mouseup 예제 - 마우스버튼 올라갈 때 실행 <p id="hz"onmousedown="mouseDown()" onmou…

JavaScript (js-1348 , 2019.07.05)

JS - mousedown 이벤트 (= onmousedown 속성) - 마우스버튼누르기 (= mousedown이벤트 = 마우스다운이벤트) ※ 마우스오른쪽버튼클릭 시, 경고창 띄우기

목차 mousedown 예제 - 마우스버튼 누르기 이벤트 mousedown 정의 mousedown 구문 mousedown 예제 - 마우스오른쪽 버튼 누르면 경고창 띄우기 mousedown 예제 - 마우스버튼 누르기 이벤트 …

JavaScript (js-1319 , 2019.07.05)

JS - copy 이벤트 (= oncopy 속성) - 복사이벤트 (= copy이벤트 = 카피이벤트) ※ 복사붙여넣기 출처표시

목차 copy 예제 - 텍스트복사 copy 정의 copy 구문 copy 예제 - 이미지복사 copy 예제 - 복사붙여넣기 출처 표시 copy 예제 - 텍스트복사 <input type="text" o…

JavaScript (js-1317 , 2019.07.05)

JS - click 이벤트 (= onclick속성 = 온클릭이벤트) ★ - 마우스클릭이벤트

목차 click 예제 - HTML onclick 속성 이용 방식 click 정의 click 구문 click 예제 - JS onclick 속성 이용 방식 click 예제 - JS addEventListener() 메서드 이용 방식 click 예제 - 클릭할 때마다 값 변경…

JavaScript (js-1316 , 2019.07.05)

JS - change 이벤트 (= onchange 속성) ★ - 요소값변경이벤트 (= 체인지이벤트 = 온체인지) ※ 옵션값 선택시 바로 SUBMIT 전송 ※ (물건품목/수량) 선택 계산

목차 onchange 예제 - select 선택창에서 선택한 내용 보여주기 onchange 정의 onchange 지원 HTML 태그 종류 onchange 예제 - 입력 내용을 대문자로 변환 onchange 예제 - input 입력 내용 변경 감지 이벤트 onchange …

JavaScript (js-1307 , 2019.07.05)

JS - afterprint 이벤트 (= onafterprint 속성) - 인쇄모드이벤트 (= 인쇄시작 / 인쇄대화상자종료 - 인쇄이벤트) (Safari, Opera 지원 X)

afterprint 예제1 <!DOCTYPE html> <html> <body onafterprint="homzzang()"> <h1>홈짱닷컴 Homzzang.com</h1> <script> function h…

JavaScript (js-1301 , 2019.07.05)

JS - tabIndex 속성 - 탭색인번호 설정/반환

tabIndex 예제 <p><a id="hz1" href="https://homzzang.com">Link 1</a></p> <p><a id="hz2" href="https://homzzang.com">Link 2</a></p&g…

JavaScript (js-1284 , 2019.07.05)

JS - previousElementSibling 속성 - 바로이전 형제요소 (= previousElementSibling속성 = 프리비어스엘러먼트시블링속성) (IE9 이상

previousElementSibling 예제 - 지정요소 앞 형제요소의 내용 가져오기 <ul> <li id="site">홈짱닷컴</li> <li id="host">Homzzang.com</li> <…