📚 Reference

• 공식 사이트 1
• 공식 사이트 2
• 공식 사이트 3
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3

📜 Chapter

blur

mouse event

focus, focusin, focusout

CustomEvent

EventTarget.addEventListener()

EventTarget.dispatchEvent()

Event.currentTarget

Event.preventDefault()

Event.stopPropagation()

Event.stopImmediatePropagation()

Event.target

KeyboardEvent

‣

input event

Event

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

Event handler

• 이벤트가 발생했을 때 그 처리를 담당하는 실행 함수를 가리킨다.
• 특정 요소에서 발생한 이벤트를 처리하기 위해서는 Event handler라는 함수를 작성하여 연결해야만 한다.
• Event handler가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면, 웹 브라우저는 Event listener에 연결된 Event handler를 실행한다.
• Event handler 함수는 이벤트 객체(Event object)를 인수로 전달받을 수 있다.
• 이렇게 전달받은 이벤트 객체를 이용하여 이벤트의 성질을 결정하거나 이벤트의 기본 동작을 막을 수도 있다.