Các ' thay đổi kích thước ” sự kiện trong JavaScript là một sự kiện tích hợp được kích hoạt khi người dùng thay đổi kích thước của cửa sổ trình duyệt. Sự kiện này có thể được sử dụng để điều chỉnh bố cục hoặc hành vi của trang web theo kích thước cửa sổ mới. Sự kiện được kích hoạt/kích hoạt trên đối tượng cửa sổ biểu thị cửa sổ trình duyệt.
Bài đăng này sẽ minh họa sự kiện Thay đổi kích thước cửa sổ trong JavaScript.
Sự kiện “thay đổi kích thước” cửa sổ trong JavaScript là gì?
Trong JavaScript, “ thay đổi kích thước ” sự kiện được kích hoạt khi kích thước cửa sổ trình duyệt thay đổi. Bạn có thể đính kèm một chức năng vào sự kiện thay đổi kích thước bằng cách sử dụng “ addEventListener() ” trên đối tượng cửa sổ. Sự kiện này sẽ kích hoạt bất cứ khi nào cửa sổ trình duyệt được thay đổi kích thước.
cú pháp
Cú pháp sau đây được sử dụng cho sự kiện thay đổi kích thước để thay đổi kích thước cửa sổ bằng phương thức “addEventListener()”:
window.addEventListener ( 'thay đổi kích thước' , funcName )
Bạn nên xóa trình xử lý sự kiện để tránh rò rỉ bộ nhớ. Để xóa trình lắng nghe sự kiện, hãy sử dụng “ removeEventListener() ' phương pháp:
Ví dụ
Trong ví dụ được cung cấp, chiều dài và chiều rộng của cửa sổ sẽ hiển thị trên trang trong khi thay đổi kích thước cửa sổ.
Đầu tiên, tạo một vùng span để hiển thị chiều dài và chiều rộng của cửa sổ:
Cửa sổ Chiều rộng của:Cửa sổ' s Chiều cao: < nhịp nhận dạng = 'chiều cao' > nhịp >
Sau đó, trong thẻ