2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

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

승승승이
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 조회 1,693
답변 2
목록

브라우져 가로 크기를

1024px로 줄일때,

1024px로 늘릴때,

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

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

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

#반응형 #스크립트 #새로고침

답변 2개

채택된 답변
+20 포인트
Copy 
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()
    }
});

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

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

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

참고로 바닐라 js 의 경우

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

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

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

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고