[JS] 10. Event

1. Event

---

• DOM요소는 Event를 받고(수신) → 처리한다.
  • Event처리는 주로 addEventListener()라는 Event 처리기를 html요소에 부착해서 처리한다.
  • 대상에 특정 EVENT가 발생하면, 할일을 등록한다.
  • EventTarget.addEventListener(type, listener)

• EventTarget : Event를 지원하는 모든 객체(Element, Document, Window…)

• type : 반응할 이벤트 유형을 나타내는 대소문자 구분 문자열
  • ex) input, click, submit …

• listener : 지정된 타입의 Event를 수신할 객체로 JavaScript function객체여야 한다.
  • 콜백 함수는 발생한 Event 데이터를 가진 Event 기반 객체를 유일한 매개변수로 받는다.

2. Event 취소

---

• event.preventDefault()
  • Default 이벤트 값을 없앤다.
  • 특히 form태그 내의 submit 같은 경우, 특정한 조건에만 실행될 수 있도록 ⇒ 맨 처음에 추가한다!

Uploaded by N2T