본문 바로가기
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() { 함수명(); // 또는 구문 }

    반응형

    댓글