이벤트 발생 과정
1.
지정된 event target(html 요소)에
2.
지정된 event type(클릭이나 스크롤 등)이 발생하면
3.
지정된 event handler(함수)가 실행
.preventDefault()
•
사용용도
1.
a 태그를 눌렀을때도 href 링크로 이동하지 않게 할 경우
2.
form 안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고싶을 경우 (submit은 작동됨)
.target
•
이벤트 핸들러 함수 내에서 이벤트를 발생시킨 요소를 가리키는 속성
•
만약, parent 내부에 child 요소가 있고, child 요소에서 클릭 이벤트가 발생하면 event.target은 child