[javascript] 윈도우 창 사이즈에 따라 새로고침

Yuni·2023년 9월 12일
0

Javascript

목록 보기
5/17

제이쿼리 사용

$(window).resize(function (){
  // width값을 가져오기
  var width_size = window.outerWidth;
  
  // 800 이하인지 if문으로 확인
  if (width_size <= 800) {
    alert('현재 브라우저 크기가 <= 800px');
  }
})

자바스크립트만 사용

window.addEventListener('resize', function() {
  console.log('Resizing...');
}, true);
window.onresize = function(event) {
  console.log('Resizing...')
};

참고문서
https://webisfree.com/2015-02-03/[%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC]-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%B0%BD-%ED%81%AC%EA%B8%B0-%EB%B3%80%ED%99%94-%EC%9D%B4%EB%B2%A4%ED%8A%B8-resize()

profile
backend developers

0개의 댓글