addEventListener()
MethodYou can simply use the addEventListener()
method to register an event handler to listen for the browser window resize
event, such as window.addEventListener('resize', ...)
.
The following example will display the current width and height of the browser window on resize.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Window Resize Event</title>
</head>
<body>
<div id="result"></div>
<script>
// Defining event listener function
function displayWindowSize(){
// Get width and height of the window excluding scrollbars
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
// Display result inside a div element
document.getElementById("result").innerHTML = "Width: " + w + ", " + "Height: " + h;
}
// Attaching the event listener function to window's resize event
window.addEventListener("resize", displayWindowSize);
// Calling the function for the first time
displayWindowSize();
</script>
<p><strong>Note:</strong> Please resize the browser window to see how it works.</p>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com
VueJs CRUD Example using MongoDB | Express.js | Vue.js | Node.js
This is a step by step MEVN stack tutori...How to hide dropdown menu on click outside of the element in jQuery
Use the jQuery on() method You can us...Send Verification Mail to New User in Anguler9
Hello folks, In this Angular 7/8/9 Fireb...Fullcalendar 4 Remove Event Example
In this example, i will show you fullcal...How to sort an array values alphabetically in PHP
Use the PHP sort() and rs...