Đối với sự kiện thay đổi kích thước cửa sổ trong JavaScript, hãy sử dụng addEventListener (). Đoạn mã sau sẽ cung cấp cho bạn kích thước của cửa sổ hiện tại -
Ví dụ
Bản trình diễn trực tiếp
<!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>