HTML | DOM onunload Event

The onunload event in HTML occurs once the page is unloaded. for example, when the page is loading and the browser window has been closed by the user or submit a form, click on a link, etc.
This event also occurs when the page is reloaded.

Supported Tags

<body>

Syntax:

In HTML:

<element onunload="myScript">

In JavaScript:

object.onunload = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("unload", myScript);

Example: Using the addEventListener() method

html

<!DOCTYPE html>

<html>
 
<head>

    <title>HTML DOM onunload Event</title>

</head>
 
<body id="bID" onunload="GFGfun()">

    <center>

        <h1 style="color:green">GeeksforGeeks</h1>

        <h2>HTML DOM onunload Event</h2>

    </center>
 
    <script>

        document.getElementById(

            "bID").addEventListener("unload", GFGfun);
 
        function GFGfun() {

            alert("onunload event attribute called");

        }

    </script>
 
</body>
 
</html>

Output:

Note: This event may not work always as expected.
Supported Browsers: The browsers supported by HTML DOM onunload Event are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

Article Tags :

HTML

Web Technologies

HTML-DOM