브라우져 사이즈 변경하면 새로고침되는 스크립트
본문
브라우져 가로 크기를
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 가 갱신형인 것에 반해 리스너이벤트는 누적형이기에 이 경우는 클래식이벤트가 아닌 리스너이벤트를 사용해 주는 것이구요.
답변을 작성하시기 전에 로그인 해주세요.
