📚 Reference

• 공식 문서 1
• 공식 문서 2
• 공식 문서 3
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3

📜 Chapter

blur

CustomEvent

Event.currentTarget

Event.target

EventTarget.addEventListener()

EventTarget.dispatchEvent()

Event.preventDefault()

Event.stopPropagation()

Event.stopImmediatePropagation()

focus, focusin, focusout

input event

Keyboard Event

Mouse Event

Closure

‣

Event

• Event
• 이벤트
• 오늘날 웹 페이지는 사용자와 수많은 상호작용을 하게 된다.
• 사용자는 마우스를 움직이거나, 요소를 클릭하거나, 텍스트 박스에 글을 쓰는 등 수많은 종류의 동작(action)을 수행한다.
• 위에서 예를 든 사용자의 동작들이 모두 이벤트(event)를 발생시킨다.
• 즉, 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작이 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미한다.
• 어떤 행동을 했을 때, 어떤 일이 일어나는 것이다.

Event handler

• Event handler
• 이벤트 핸들러
• 웹 브라우저나 운영 체제와 같은 환경에서 특정 사건(event)이 발생했을 때 실행되는 함수이다.
• 웹 개발에서는 사용자의 행동(클릭, 키보드 입력 등)이나 브라우저의 상태 변화(페이지 로드, 창 크기 변경 등)에 반응하여 특정 동작을 수행하도록 미리 정의해 놓는 함수라고 볼 수 있다.