최신 웹 개발 튜토리얼
 

하여 onResize 이벤트

<이벤트 객체

브라우저 창 크기를 조정할 때 자바 스크립트를 실행합니다 :

<body onresize="myFunction()">
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

브라우저 창 크기가 변경되었을 때하여 onResize 이벤트가 발생합니다.

팁 : 요소의 크기를 얻을 clientWidth, clientHeight, 사용 innerWidth , innerHeight , outerWidth , outerHeight ,의 offsetWidth 및 / 또는는 offsetHeight 속성을.


브라우저 지원

행사
onresize

통사론

HTML에서 :

자바 스크립트에서 :

object .onresize=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("resize", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

거품 : 아니
취소 가능 : 아니
이벤트 유형: UIEvent를
지원되는 HTML 태그 : <body>
DOM 버전 : 레벨 2 이벤트

예

더 예

사용 addEventListener() 방법은 첨부하는 "resize" 윈도우 객체에 이벤트를.

window.addEventListener("resize", myFunction);
»그것을 자신을 시도

<이벤트 객체