#3.5 More Events

title.onclick = handleMouseEnter;

title.addEventListener(“mouseenter” , handleMouseEnter);

위에 두 코드는 동일하나 addEventListener를 선호하는 이유는

removeEventListener을 통해서 event listener을 제거할수있기 때문이다.

document에서 body,head,title 은 중요해서 언제든

ex) document.body 로 가져올수있지만

div나 h1 등 element 들은 querySelector getElementById등으로 찾아야한다.

ex) document.querySelector(“h1”);

window는 기본제공

function handleWindowResize(){

document.body.style.backgroundColor = “tomato”;

}

function handleWindowCopy(){

alert(“copier”);

}

window.addEventListener(“resize”, handleWindowResize);

(브라우저 사이즈 변화에 따라 색상 바꾸는 법)

window.addEventListener(“copy”, handleWindowCopy);

(브라우저에 복사를 하면 알림창으로 알려준다)