이벤트 발생 객체와 이벤트 객체

이벤트 발생 객체와 이벤트 객체

이벤트 객체를 사용하면 '누가, 언제, 어디서, 무엇을, 어떻게, 왜'를 정의할 수 있습니다.

이벤트를 '누가' 발생시켰을까?

-> 이벤트 발생 객체

ex)

window.onload = function() {
	document.getElementById('header').onclick = function() {
		this.style.color = 'orange';
		this.style.backgroundColor = 'red';
	};
};

'누가'와 관련된 정보 이외의 정보는 '이벤트 객체' 안에 들어 있습니다. 
ex)

window.onload = function() {
	document.getElementById('header').onclick = function(e) {
		// 이벤트 객체를 설정합니다.
		var event = e || window.event;

		document.body.innerHTML = '';
		for (var key in event) {
			document.body.innerHTML += '<p>' + key + ': ' + event[key] + '</p>'
			
		}
	};
};