05-Event

이벤트는 웹 페이지를 열람하는 사용자와 웹 브라우저와의 기본적인 인터페이스를 제어하는 기능

- 특정 동작(사건)이 발생될 때 생성되는 신호 (signal)
   예) 마우스로 버튼 클릭, text field에 글 입력, 페이지 로딩

- 자바스크립트는 웹 브라우저에서 발생하는 이벤트(신호)를 감지하여 그에 대한 적절한 반응 동작을 수행하는 스크립트를 작성할 수 있는 구조(메커니즘)을 제공한다.


1. HTML을 구성하는 요소에 Event Handler 설정
2. 브라우저가 Event 발생시 Handler와 연결된 function을 호출한다.

이벤트 종류

• focus : 폼 요소를 선택해서 포커스가 주어졌을 때
• blus : 포커스가 폼 입력 항목을 벗어 났을 때
• change : 폼 요소가 가지는 값이 사용자에 의해 변경되었을 때
• load : 해당 페이지가 로딩 되었을 때
• unload : 해당 페이지 떠났을 때
• mouseover : 해당 영역에 마우스가 올라갔을 때
• mouseout : 해당 영역에서 마우스가 나갔을 때
• mousedown : 해당 영역에서 마우스를 눌렀을때
• mouseup : 해당 영역에서 마우스를 눌렀다가 떼었을 때
• click : 해당 영역에서 마우스를 클릭했을 때
• keydown : 해당 영역에서 키보드를 눌렀을 때
• keyup : 해당 영역에서 키보드를 눌렀다가 땠을때
• keypress : 해당 영역에서 키보드를 계속 누르고 있을 때
• submit : 폼의 내용을 입력할 때
• reset : 폼의 내용을 초기화 시킬때