onresize 이벤트
예시
브라우저 창의 크기가 조정될 때 JavaScript를 실행합니다.
<body onresize="myFunction()">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onresize 이벤트는 브라우저 창의 크기가 조정되었을 때 발생합니다.
팁: 요소의 크기를 얻으려면 clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth 및/또는 offsetHeight 속성을 사용하세요.
브라우저 지원
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
통사론
HTML:
<element onresize="myScript">
자바스크립트:
object.onresize = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("resize", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 아니 |
---|---|
취소 가능: | 아니 |
이벤트 유형: | 사용자 인터페이스에서 생성된 경우 UiEvent , 그렇지 않은 경우 Event |
지원되는 HTML 태그: | <본체> |
DOM 버전: | 레벨 2 이벤트 |
더 많은 예
예시
addEventListener() 메서드를 사용하여 창 개체에 "크기 조정" 이벤트를 연결합니다.
window.addEventListener("resize", myFunction);