JavaScript 창 크기 조정 이벤트

“ 크기 조정 ” JavaScript의 이벤트는 사용자가 브라우저 창의 크기를 변경할 때 트리거되는 내장 이벤트입니다. 이 이벤트는 새 창 크기에 대한 응답으로 웹 페이지의 레이아웃이나 동작을 조정하는 데 사용할 수 있습니다. 이벤트는 브라우저 창을 나타내는 창 개체에서 트리거/발동됩니다.

이 게시물은 JavaScript의 창 크기 조정 이벤트를 설명합니다.

JavaScript에서 Window 'resize' 이벤트는 무엇입니까?

자바스크립트에서 ' 크기 조정 ” 이벤트는 브라우저 창 크기가 변경될 때 발생합니다. '를 사용하여 크기 조정 이벤트에 함수를 첨부할 수 있습니다. addEventListener() ” 메서드를 창 개체에 지정합니다. 이 이벤트는 브라우저 창의 크기가 조정될 때마다 트리거됩니다.

통사론

'addEventListener()' 메서드를 사용하여 창 크기를 조정하기 위한 크기 조정 이벤트에 다음 구문이 사용됩니다.

메모리 누수를 방지하려면 이벤트 리스너를 제거하는 것이 좋습니다. 이벤트 리스너를 제거하려면 ' 제거이벤트리스너() ' 방법:

예

제공된 예에서 창 크기를 조정하는 동안 창의 길이와 너비가 페이지에 표시됩니다.

먼저 창의 길이와 너비를 표시하기 위한 스팬 영역을 만듭니다.