자바스크립트 브라우저 창 크기 조정 이벤트에 어떻게 연결할 수 있습니까? > 채택게시판

window.onresize 함수를 오버라이드하지 마십시오.

대신 개체 또는 요소에 이벤트 수신기를 추가하는 함수를 만듭니다. 이렇게하면 리스너가 작동하지 않는지 확인하고 종료 한 다음 최후의 수단으로 객체의 기능을 재정의합니다. 이것은 jQuery와 같은 라이브러리에서 사용되는 기본 메소드입니다.

object: 요소 또는 창 객체
type: resize, scroll (이벤트 유형)
callback: 함수 참조

var addEvent = function(object, type, callback) {
    if (object == null || typeof(object) == 'undefined') return;
    if (object.addEventListener) {
        object.addEventListener(type, callback, false);
    } else if (object.attachEvent) {
        object.attachEvent("on" + type, callback);
    } else {
        object["on"+type] = callback;
    }
};

jQuery는 표준 resize DOM 이벤트를 래핑하는 중이다.

window.onresize = function(event) {
    ...
};

jQuery 는 모든 브라우저에서 resize 이벤트가 일관되게 실행되도록하기 위해 일부 작업을 수행 할 수 있지만 브라우저가 다른지는 확실하지 않지만 Firefox, Safari 및 IE에서 테스트 해 보시기 바랍니다.