JS . 브라우저 윈도우 사이즈 변경 이벤트

 

자바스트립트에서 윈도우 사이즈 변경 이벤트 핸들러 

 

 

아래 방법1, 방법2 모두 가능. 

 

<script>
    // 방법1. 
    
    window.addEventListener("resize", e => {
        console.log(window.innerWidth);
        console.log(window.innerHeight);
	});

    // 방법2. 
    window.onresize = function(){
        console.log(window.innerWidth);
        console.log(window.innerHeight);    
    }

</script>

 

실행결과

 

 

 

참고 

브라우저에서 console.log  출력 보는 방법 : https://igotit.tistory.com/4967

JS . 자바스크립트 console.log 출력 웹 브라우저에서 보기

 

 

 

---

첫 등록 : 2023.10.30

최종 수정 : 

단축 주소 : https://igotit.tistory.com/4975

---