window.resize javascript Để thêm sự kiện thay đổi kích thước cửa sổ, chúng ta có thể sử dụng hàm onresize() trong JavaScript.
window.resize javascript
Bạn có thể kích hoạt sự kiện thay đổi kích thước bằng cách sử dụng phương thức window.dispatchEvent(): Hoặc bạn có thể sử dụng window.resizeTo() để kích hoạt sự kiện thay đổi kích thước. Trong jQuery, bạn có thể kích hoạt sự kiện thay đổi kích thước cửa sổ bằng phương thức .trigger().
Sự kiện thay đổi kích thước cửa sổ JavaScript
window.addEventListener('resize', function(event) {
...
}, true);
//OR
window.onresize = function(event) {
...
};
Sử dụng window.resizeTo() để kích hoạt sự kiện thay đổi kích thước.
window.addEventListener("load", function() {
window.resizeTo(
window.screen.availWidth / 2,
window.screen.availHeight / 2
);
});
window.onresize = function() {
alert('Handler for .resize() called!');
}
Cách Bắt Sự Kiện Thay Đổi Kích Thước Cửa Sổ Trình Duyệt trong JavaScript
Sử dụng Phương thức addEventListener()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Window Resize Event - www.pakainfo.com</title>
</head>
<body>
<div id="output"></div>
<script>
function userScreenWindwos(){
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
document.getElementById("output").innerHTML = "Total Width: " + w + ", " + "Height: " + h;
}
window.addEventListener("resize", userScreenWindwos);
userScreenWindwos();
</script>
<p><strong>Note:</strong> Please resize the browser window to see how it works.</p>
</body>
</html>
Kích hoạt sự kiện thay đổi kích thước cửa sổ bằng JavaScript/jQuery
$(document).ready(function() {
$(window).trigger('resize');
});
$(window).resize(function() {
alert('Handler for .resize() called!');
});
Edit in JSFiddle
Hy vọng bạn đã hiểu về window.resize javascript.
- Bài đăng trên blog này ban đầu đã được xuất bản tại: https://www.pakainfo.com
