Thuộc tính sự kiện onresize trong HTML

Thuộc tính sự kiện onresize trong HTML được kích hoạt khi người dùng thay đổi kích thước cửa sổ trình duyệt.

Cú pháp

Cú pháp như sau:

<tagname onresize="script"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện onresize trong HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      padding: 20px;
    }
  </style>
</head>
<body onresize="resizeFn()">
<h1>Demo thuộc tính sự kiện onresize trong HTML</h1>
<p>Bây giờ hãy thay đổi kích thước cửa sổ trình duyệt</p>
<script>
  function resizeFn() {
    document.body.style.background = 'linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat';
  }
</script>
</body>
</html>

Kết quả

Bây giờ hãy thay đổi kích thước cửa sổ trình duyệt để quan sát cách thuộc tính sự kiện onresize hoạt động.