이벤트 개념 잡기

이벤트 개념 잡기

이벤트 

: 키보드를 이용해 버튼을 입력하거나 마우스 클리과 같이 다른 것에 영향을 미치는 것

이벤트 관련 용어 정리

이벤트를 연결한다 : window 객체의 onload 속성에 함수 자료형을 할당하는 것

window.onload = function() {};

load를 '이벤트 이름' 또는 '이벤트 타입' 이라고 함. onload를 '이벤트 속성' 이라고 함.

이벤트 속성에 할당한 함수를 '이벤트 리스너' 또는 '이벤트 핸들러'라고 합니다. 
ex)

window.onload = function() {
	// 변수를 선언합니다.
	var header = document.getElementById('header');

	// 이벤트를 연결합니다.
	function whenClick() {
		alert('CLICK');
		header.onclick = whenClick;
	}
});

header의 객체의 '이벤트 이름' : click '이벤트 속성' : onclick '이벤트 리스너' : whenClick() 함수

문서 객체에 이벤트를 연결하는 방법 : '이벤트 모델'

- DOM Level 0
	- 인라인 이벤트 모델
	- 기본 이벤트 모델
- DOM Level 2
	- 마이크로소프트 인터넷 익스플로러 이벤트 모델
	- 표준 이벤트 모델