[javascript/jquery] javascript resize event listner example / 자바스크립트 리사이즈 이벤트 체크 방법

[javascript/jquery] javascript resize event listner example / 자바스크립트 리사이즈 이벤트 체크 방법

 

 

javascript 로

 

현재 페이지의 크기가 변화하는지 

 

체크해야되는 경우가 있습니다.

대부분 반응형의 사이트에서 이러한 로직들이 동작하는데요

 

그럴때는

 

체크하고자 하는 페이지에

 

아래 스크립트를 추가하시면 됩니다.

 

window.addEventListener('resize', function() {
    // to do
}

 

위 내용 보시면 아시겠지만,

 

event listner 를 등록하면

 

resize 이벤트가 발생할때 마다

 

안에 적힌 로직이 동작하게 됩니다!

 

참고들 하세요!