javascript

  • 데이터 저장하기
  • 데이터 불러오기
  • 데이터 실행하기
  • 데이터 제어하기
  • 문자열 객체
  • 배열 객체
  • 수학 객체
  • 숫자 객체
  • 브라우저 객체
  • 요소 객체
  • 이벤트 객체
  • 데이터 효과
  • 검색 효과
  • 퀴즈 효과
  • 마우스 효과
  • 슬라이드 효과
  • 패럴래스 효과
  • 게임 효과
  • 01. 이벤트 메서드: addEventListener("click") : 클릭했을 때
  • 02. 이벤트 메서드: addEventListener("dblclick") : 더블 클릭 했을 때
  • 03. 이벤트 메서드: addEventListener("load") : 문서 로딩이 끝났을 때
  • 04. 이벤트 메서드: addEventListener("error") : 문서가 정확히 로딩되지 않았을 때
  • 05. 이벤트 메서드: addEventListener("scroll") : 스크롤 했을 때
  • 06. 이벤트 메서드: addEventListener("resize") : 브라우저 사이즈 변경 됐을 때
  • 07. 이벤트 메서드: addEventListener("selectstart") : 텍스트 선택을 시작했을 때

  • 01. 이벤트 메서드: addEventListener("mousedown") : 마우스 버튼을 클릭했을 때
  • 02. 이벤트 메서드: addEventListener("mouseup") : 마우스 버튼을 떼는 경우
  • 03. 이벤트 메서드: addEventListener("mousemove") : 브라우저 사이즈 변경 됐을 때
  • 04. 이벤트 메서드: addEventListener("mouseenter") : 요소 위에 포인터 요소 위치가 벗어 났을 때
  • 05. 이벤트 메서드: addEventListener("mouseleave") : 요소 위에 포인터 요소 위치가 벗어 났을 떄
  • 06. 이벤트 메서드: addEventListener("mouseover") : 요소 위에 포인터 요소 위치가 있을 떄
  • 07. 이벤트 메서드: addEventListener("mouseout") : 요소 위에 포인터 요소 위치가 벗어났을 때

  • 01. 이벤트 메서드: addEventListener("blur") : 폼 요소에 포커스를 잃엇을 때
  • 02. 이벤트 메서드: addEventListener("change") : 목록이나 체크 상태 등이 변경되었을 때
  • 03. 이벤트 메서드: addEventListener("focus") : 폼 요소에 포커스를 놓았을 때
  • 04. 이벤트 메서드: addEventListener("reset") : 폼이 리셋 되었을 때
  • 05. 이벤트 메서드: addEventListener("subimit") : 폼에 있는 버튼을 클릭했을 때

  • 01. 이벤트 메서드: addEventListener("drag") : 드래그 중인 경우
  • 02. 이벤트 메서드: addEventListener("dragstatr") : 드래그를 시작했을 때
  • 03. 이벤트 메서드: addEventListener("dragend") : 드래그 끝났을 때
  • 04. 이벤트 메서드: addEventListener("dragenter") : 요소의 위치에 드래그 했을 떄
  • 05. 이벤트 메서드: addEventListener("dragover") : 요소의 위치 위에 있을 때
  • 06. 이벤트 메서드: addEventListener("dragleave") : 요소의 위치 위에서 벗어났을 때
  • 07. 이벤트 메서드: addEventListener("dragdrop") : 요소의 위치에 드롭했을 때

  • 01. 이벤트 메서드: addEventListener("keydown") : 키 눌렀을 때(한번만 실행)
  • 02. 이벤트 메서드: addEventListener("keypress") : 키 눌렀을 때(누르고 있으면 계속 실행)
  • 03. 이벤트 메서드: addEventListener("keyup") : 키 누르고 뗏을 때

  • 01. 이벤트 메서드: addEventListener("touchstatrt") : 터치가 시작됐을 떄
  • 02. 이벤트 메서드: addEventListener("touchmove") : 터치가 움직이고 있을 때
  • 03. 이벤트 메서드: addEventListener("touchend") : 터치가 끝났을 떄

  • 01. 이벤트 메서드: preventDefault() : 이벤트 작동 해지
  • 02. 이벤트 메서드: dispatchDefault() : 이벤트 작동 해지

  • 01. 이벤트 속성: clientX : X좌표 값 : 브라우저 기준
  • 02. 이벤트 속성: clientY : Y좌표 값 : 브라우저 기준
  • 03. 이벤트 속성: offsetX : X좌표 값 : 요소 기준
  • 04. 이벤트 속성: offsetY : X좌표 값 : 요소 기준
  • 05. 이벤트 속성: pageX : X좌표 값 : 페이지 기준
  • 06. 이벤트 속성: pageY : X좌표 값 : 페이지 기준
  • 07. 이벤트 속성: screenX : X좌표 값 : 디바이스 기준
  • 08. 이벤트 속성: screenY : X좌표 값 : 디바이스 기준
jeongyouna_@naver.com