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

본문 바로가기

채택게시판

[해결] 자바스크립트 브라우저 창 크기 조정 이벤트에 어떻게 연결할 수 있습니까?

총 채택 포인트
100 포인트

본문

브라우저 창 크기 조정 이벤트에 어떻게 연결할 수 있습니까?

거기에 크기 조정 이벤트를 수신의의 jQuery 방법은 하지만 난 그냥이 하나 개의 요구 사항에 대한 내 프로젝트에 그것을 가지고하지 않으려는 것입니다.

0
로그인 후 추천 또는 비추천하실 수 있습니다.
포인트 33,713
경험치 462
[레벨 2] - 진행률 66%
가입일
2022-02-10 15:22:51

댓글목록3

백마탄환자님의 댓글

베스트 1
채택
profile_image
먼저, addEventListener메소드가 위의 주석에서 언급되었지만 어떤 코드도 보지 못했습니다. 우선 접근 방식이므로 다음과 같습니다.
window.addEventListener('resize', function(event){
  // do stuff here
});

아름다운별님의 댓글

profile_image
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;
    }
};

겨울비님의 댓글

profile_image
jQuery는 표준 resize DOM 이벤트를 래핑하는 중이다.
window.onresize = function(event) {
    ...
};

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

백마탄환자님의 댓글

채택
profile_image
먼저, addEventListener메소드가 위의 주석에서 언급되었지만 어떤 코드도 보지 못했습니다. 우선 접근 방식이므로 다음과 같습니다.
window.addEventListener('resize', function(event){
  // do stuff here
});
게시판 전체검색
상담신청