onresize 이벤트

DOM 이벤트 Event 객체

정의와 사용법

onresize 이벤트는 브라우저 창 크기가 조정될 때 발생합니다。

ヒント：요소의 크기를 가져오기 위해 clientWidth, clientHeight,innerWidth、innerHeight、outerWidth、outerHeightoffsetWidth와/또는 offsetHeight 속성을 사용하세요。

예제

예제 1

브라우저 창 크기를 조정할 때 JavaScript를 실행합니다：

<body onresize="myFunction()">

본인이 직접 시도해 보세요

예제 2

addEventListener() 메서드를 사용하여 window 객체에 "resize" 이벤트 추가：

window.addEventListener("resize", myFunction);

본인이 직접 시도해 보세요

문법

HTML에서：

<element onresize="myScript">

본인이 직접 시도해 보세요

JavaScript에서：

object.onresize = function(){myScript};

본인이 직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여：

object.addEventListener("resize", myScript);

본인이 직접 시도해 보세요

주의사항：Internet Explorer 8 이상 버전에서 지원하지 않음 addEventListener() 메서드。

기술 세부 사항

버블링： 지원하지 않음
취소 가능： 지원하지 않음
이벤트 유형： 사용자 인터페이스에서 생성된 경우UiEvent。그렇지 않으면 Event。
지원하는 HTML 태그： <body>
DOM 버전： Level 2 Events

브라우저 지원

이벤트 크롬 IE 파이어폭스 사파리 오퍼라
onresize 지원 지원 지원 지원 지원
DOM 이벤트 Event 객체