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

2
0
추천한 회원 보기 로그인 후 추천 / 비추천 가능
추천한 회원
겨울비 백마탄환자
자바스크립트 이벤트
총 채택 포인트 70 포인트
채택된 회원에게 주는 후원 포인트 56 포인트
채택 후 작성자(가을의전설) 회수 포인트 14 포인트

본문

 

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

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

profile_image
- 가을의전설 레벨 - 회원등급 : 지하계 / Level 2
포인트 3,773
경험치 406
[레벨 2] - 진행률 52%
가입일 :
2018-08-10 14:30:31

댓글목록 4

할인의추억님의 댓글

베스트 1
채택
profile_image
할인의추억 레벨 베스트 댓글 1 2018.08.11 21:45
jQuery는 표준 resize DOM 이벤트를 래핑하는 중이다.
window.onresize = function(event) {
    ...
};

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

백마탄환자님의 댓글

베스트 2
profile_image
백마탄환자 레벨 베스트 댓글 2 2018.08.11 21:46
먼저, addEventListener메소드가 위의 주석에서 언급되었지만 어떤 코드도 보지 못했습니다. 우선 접근 방식이므로 다음과 같습니다.
window.addEventListener('resize', function(event){
  // do stuff here
});

축하합니다. 행운의 포인트 12포인트를 획득하였습니다.

겨울비님의 댓글

profile_image
겨울비 레벨 2018.08.11 21:42
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;
    }
};

축하합니다. 첫댓글 포인트 47포인트를 획득하였습니다.

할인의추억님의 댓글

채택
profile_image
할인의추억 레벨 2018.08.11 21:45
jQuery는 표준 resize DOM 이벤트를 래핑하는 중이다.
window.onresize = function(event) {
    ...
};

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

가을의전설님의 댓글의 댓글

profile_image
가을의전설 레벨 2018.08.11 21:47
감사합니다. 도움이 되었습니다.

백마탄환자님의 댓글

profile_image
백마탄환자 레벨 2018.08.11 21:46
먼저, addEventListener메소드가 위의 주석에서 언급되었지만 어떤 코드도 보지 못했습니다. 우선 접근 방식이므로 다음과 같습니다.
window.addEventListener('resize', function(event){
  // do stuff here
});

축하합니다. 행운의 포인트 12포인트를 획득하였습니다.