실험적인 단계에 있어 현재 모든 웹브라우저에서 지원하지 않을 수 있으므로 반드시 지원 현황을 확인해야 한다.
시각적 뷰포트의 크기가 변경되면 발생한다.
창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.
일부 구형 웹브라우저에서는 HTML 요소에 resize
이벤트 핸들러를 등록하는 것이 가능했지만 현재는 window
객체에 등록된 핸들러만이 reisze
이벤트를 수신한다.
window.addEventListener("resize", function() { });
type | resize |
---|---|
bubbles | no |
cancelable | no |
target | VisualViewport, Window |
handler | yes |