이벤트

웹 브라우저가 알려주는 HTML 요소에 대한 사건을 말합니다.

이벤트 예

• 유저가 어떤 요소를 선택하거나 어떤 요소 위에 커서를 올려둡니다
• 유저가 키보드에서 키를 선택합니다.
• 유저가 브라우저 창의 크기를 재조정하거나 닫습니다.
• 웹 페이지가 로딩을 완료했습니다.
• 양식(form)이 제출되었습니다.
• 비디오가 재생되거나, 멈추거나, 혹은 끝났습니다.
• 오류가 발생했습니다.

이벤트 등록하기

인라인 (Inline)

이벤트 대상의 HTML 태그 속성으로 지정, this를 통해 이벤트가 발생한 대상 요소를 참조할 수 있다.

<button onclick="alert('hello');">버튼</button>

프로퍼티 리스너 (Property Listener)

이벤트 대상이 되는 객체의 프로퍼티로 이벤트 등록

• HTML

  <button id="btn">버튼</button>