자바스크립트 윈도우의 강제 resize 트리거

windw.resize 이벤트를 강제로 발생 시켜야 하는 경우가 있다. 

chart.js 같은 패널의 크기가 확장되거나 변경되어야 할 경우 유용할 수 있다. 

window.dispatchEvent(new Event('resize'));

만일 특정 브라우저 (IE11 이하)에서 위 메서드가 지원되지 않으면 아래와 같은 코드로 활용한다.

var fireRefreshEventOnWindow = function () {
     var evt = document.createEvent("HTMLEvents");
     evt.initEvent('resize', true, false);
     window.dispatchEvent(evt);
 };
 
// call the fireRefreshEventOnWindow(); function to fire refresh event.
// ...

 

Tags: 
youngdeok's picture

Language

Get in touch with us

"If you would thoroughly know anything, teach it to other."
- Tryon Edwards -