브라우져 사이즈 변경하면 새로고침되는 스크립트

브라우져 사이즈 변경하면 새로고침되는 스크립트

QA

브라우져 사이즈 변경하면 새로고침되는 스크립트

본문

브라우져 가로 크기를

1024px로 줄일때,

1024px로 늘릴때,

화면이 새로고침되는 스크립트는 어떻게 넣어야 할까요? 

 

창 크기를 줄였다 늘렸다 할때

1024px기준으로 새로고침되는 스크립트를 알고 싶습니다..

이 질문에 댓글 쓰기 :

답변 2


var windowWidth = "";
window.onload() = function() {
    windowWidth = $( window ).width();
}

$(window).on('resize', function(){
    if($( window ).width() <= 1024 && windowWidth >= $( window ).width()){
        location.reload()
    }
    if($( window ).width() >= 1024 && windowWidth <= $( window ).width()){
        location.reload()
    }
});

이런 느낌이면 되지 않을까요?


<script>
addEventListener("resize", () => {
    if (innerWidth === 1024) location.reload();
} );
</script>

 

innerWidth 나 outerWidth 는 상황에 따라서요.

 

참고로 바닐라 js 의 경우

리스너이벤트에서 다른 것은 기본이 대상.addEventListener("click", 함수); 이지만

resize 만은 window.addEventListener("resize", 함수); 입니다.

여기서 window 는 생략이 가능하므로 addEventListener("resize", 함수); 이렇게 사용하는 것입니다.

 

또한 클래식이벤트인 onload 가 갱신형인 것에 반해 리스너이벤트는 누적형이기에 이 경우는 클래식이벤트가 아닌 리스너이벤트를 사용해 주는 것이구요.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT