#3.3~3.5

Events

java script는 style을 변경 가능하다. script로도 할 수 있지만 대부분은 event를 listen 하는데 사용한다. 예를들어 마우스를 클릭, 마우스를 위에 올리기 등등 event들을 들으면 다른 기능을 활성화 될 수 있도록 기능을 사용한다.

title.addEventListener("click", handleTitleClick);

addevent~는 어떤 event가 실행 되기까지 대기를 하다가 하는 순간 기능을 실행하는 함수이다. 그래서 click시 handle~ function이 실행이 된다. 근데 add에서 event 발생시 실행할 기능에 ()을 붙히면 click 여부와 상관없이 바로 실행 됨으로, 주의가 필요하다.

Events part Two

다양한 event들이 있다. ex) click, mouseEnter, mouseLeave. ..

• title.addEventListener("mouseenter", handleMouseEnter); // 사용자가 제목에 마우스를 갖다대면 handleMouseEnter 함수를 실행시킨다.

function handleMouseEnter() {
title.innerText = "Mouse is come!";
}

More Events

document.body(head,title) 정도의 중요한 내용만 쓸 수 있다. ( document.div (x))
window와 관련된 events

• resize : 화면크기 변경 할때
• copy : 무언가를 복사할때
• offline, online : wifi 연결/비연결시