JavaScript의 창 크기 조정 이벤트의 경우 addEventListener()를 사용합니다. 다음 코드는 현재 창의 크기를 알려줍니다 -
예시
실시간 데모
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin-top: 10px;
padding: 10px;
background-color: #1E9E5D;
width: 50%;
} span {
font-size: 50px;
}
</style>
<script>
window.addEventListener('resize', display);
function display() {
document.querySelector('.width').innerText = document.documentElement.clientWidth;
document.querySelector('.height').innerText = document.documentElement.clientHeight;
}
display();
</script>
</head>
<div>
<span>Width= <span class="width"></span></span><br />
<span>Height= <span class="height"></span></span>
</div>
</body>
</html>