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 [email protected]
PAN Verification In Laravel Using Sighzy API
Hello, everyone some day ago we are work...How to Send Email with Attachment in Laravel 8
Sending mail with attachment is always c...How to Install LAMP Stack on Ubuntu
For any dynamic commo website, there sho...Laravel 8 Create Events in Fullcalendar using Ajax
In this article,I will show you how you...Laravel Excel Import Export with Example.
In this article, we will discuss La...