JS/Events
1.Events(1)
.addEventListener().addEvnetListener()대상에 이벤트 청취(Listen)를 등록합니다.대상에 지정한 이벤트가 발생했을 때 지정한 함수(Handler)가 호출됩니다..removeEventListener().removeEvnetListener(
2.Events(2)
이벤트 객체이벤트 객체이벤트 객체는 대상에서 발생한 이벤트 정보를 담고 있습니다.
3.Events(3)
기본 동작 방지마우스 휠의 스크롤 동작 방지태그에서 페이지 이동 방지!
4.Events(4)
이벤트 전파(버블) 정지이벤트 캡처
5.Events(5)
이벤트 옵션핸들러 한 번만 실행기본 동작과 핸들러 실행 분리
6.Events(6)
이벤트 위임(Delegation)비슷한 패턴의 여러 요소에서 이벤트를 핸들링해야 하는 경우,단일 조상 요소에서 제어하는 이벤트 위임 패턴을 사용할 수 있습니다.조상 요소에 이벤트 위임!
7.Events(7)
마우스와 포인터 이벤트(Mouse & Pointer Events)click | 클릭했을 때dblclick | 더블 클릭했을 때mousedown | 버튼을 누를 때mouseup | 버튼을 뗄 때mouseenter | 포인터가 요소 위로 들어갈 때mou
8.Events(8)
키보드 이벤트keydown | 키를 누를 때keyup | 키를 땔 때keydownkeyup키보드 이벤트와 한글을 같이 다룰 때
9.Events(9)
Focus & Form Eventsfocus | 요소가 포커스를 얻었을 때blur | 요소가 포커스를 잃었을 때input | 값이 변경되었을 때change | 상태가 변경되었을 때submit | 제출 버튼을 선택했을 때reset | 리셋 버튼을 선택했을 때
10.Events(10)
커스텀 이벤트와 디스패치디스패치커스텀 이벤트