본문 바로가기
Dev/script

자바스크립트 onresize 이벤트 창크기 변경 감지

by 넥조세24 2020. 10. 23.
반응형

자바스크립트의 onresize 이벤트

창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다.

 

자바스크립트 onresize 이벤트 창크기 변경 감지

 

Syntax

HTML Attribute

<element onresize = "handler(event)">

Event Property

object.onresize = handler;

attachEvent Method

object.attachEvent("onresize", handler)

http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx

onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다.

 A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BUTTON, CENTER, CITE, CODE, CUSTOM, DD, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, FRAME, hn, HR, I, IMG, INPUT type=button, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=reset, INPUT type=submit, INPUT type=text, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, OBJECT, OL, P, PRE, S, SAMP, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TEXTAREA, TT, U, UL, VAR, window, XMP

window.onresize = function() { 함수명(); // 또는 구문 }

반응형

댓글