#2-4 Events and event handlers

 

이벤트란?

자바스크립트는 html과 css 를 바꾸고 싶어서 만들어지지는 않았다.
자바스크립트는 이벤트를 반응하기 위해 만들었다.

window.addEventListnener("resize",handleResize);

function handleResize(){
	console.log("I hanve been resized");
}

winodw 요소에 화면을 resize 할때마다 handleResize 함수를 실행하는 이벤트를 추가 시켰다.
dom 요소에 이벤트를 추가할 수 있고, 해당 이벤트가 발생하면 콜백함수가 실행된다.

 

이벤트 객체

window.addEventListnener("resize",handleResize);

function handleResize(event){
	console.log(event);
}

event가 발생 할때마다 이벤트 객체가 호출되었다.