본문 바로가기

자바스크립트 기기기초

#3.5 More Events

  • vs코드 글자들 한번에 바꾸는 키 : f2
  • document.body(head,title ...)은 호출가능
    • 나머지 div이런건 getElementById같은걸로 찾아와야함

body 호출하면 나옴

function handleWindowResize(){
    document.body.style.backgroundColor="tomato"; //중요한 부분, h1 처럼 못가져옴
}

function handleWindowcopy(){
    alert("카피했당");
}

function handleWindowOffline(){
    alert("살려주세유");
}

function handleWindowOnline(){
    alert("살아있어유");
}

h1.onclick = mouseClick; //이렇게도 사용가능, 근데 이거 구림
h1.addEventListener("mouseenter",handleMouse);
h1.addEventListener("mouseleave",mouseLeave); 

window.addEventListener("resize",handleWindowResize); //window element의 resize이벤트, 윈도우 화면크기 바뀌면 반응
window.addEventListener("copy",handleWindowcopy); //글씨복사하면 반응하는 이벤트
window.addEventListener("offline",handleWindowOffline); //와이파이 끊어지면 반응
window.addEventListener("online",handleWindowOnline); //와이파이 연결되면 반응

'자바스크립트 기기기초' 카테고리의 다른 글

#3.7 CSS in Javascript part Two  (0) 2023.02.04
#3.6 CSS in Javascript  (0) 2023.02.04
#3.4 Events part Two  (0) 2023.02.03
#3.3 Events  (0) 2023.02.03
#3.2 Searching For Elements  (0) 2023.01.24