jQuery 없이 브라우저 창 크기 조정 이벤트를 어떻게 수신할 수 있나요?

브라우저 창 크기 조정 이벤트: jQuery 없이 듣기

jQuery를 사용하지 않고 브라우저 창 크기 조정 이벤트에 연결하려면 두 가지 기본 방법이 있습니다.

방법 1: 이벤트 추가 리스너

선호되는 방법은 resize 이벤트에 이벤트 리스너를 추가하는 것입니다. 이렇게 하면 창 크기가 조정될 때마다 리스너가 호출됩니다.

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

addEventListener 함수의 true 매개변수는 이벤트 캡처 단계에서 리스너가 호출되어야 함을 지정합니다.

방법 2: onresize 속성에 핸들러 할당

대체 접근 방식은 할당하는 것입니다. window 객체의 onresize 속성에 대한 핸들러 함수. 그러나 이 메서드는 크기 조정 이벤트에 대해 하나의 핸들러만 가질 수 있습니다.

window.onresize = function(event) {
    // Code to execute when the window is resized
};

고려 사항

• jQuery는 브라우저 전반에 걸쳐 이벤트 크기를 조정합니다.
• Firefox, Safari, 인터넷 등 여러 브라우저에서 기능을 테스트하는 것이 좋습니다. 올바른 동작을 보장하기 위한 탐색기입니다.

위 내용은 jQuery 없이 브라우저 창 크기 조정 이벤트를 어떻게 수신할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!