HTML DOM onprogress Event

HTML DOM onerror Event

Last Updated : 23 Jun, 2023

The HTML DOM onerror event is triggered when an interruption occurs while loading an external file. Some events that occur if there is some kind of disturbance to the media loading process are:

onabort
onemptied
onstalled
onsuspend

Supported Tags:

<img>
<input type="image">
, <object>
<link>
<script>

Syntax:

In HTML:

<element onerror="myScript">

In JavaScript:

object.onerror = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("error", myScript);

Example: Using HTML

HTML

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color:green">
              GeeksforGeeks
          </h1>
        <h2>HTML DOM onerror event</h2>
        <img src="image.gif" onerror="gfgFun()">

        <script>
            function gfgFun() {
                alert('Error!!');
            }
        </script>
    </center>
</body>

</html>

Output:

Example: Using JavaScript

HTML

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onerror event</h2>
        <img id="logo" src="image.gif">
        <p id="try"></p>

        <script>
            document.getElementById(
                "logo").onerror = function () {
                    myFunction()
                };

            function myFunction() {
                document.getElementById(
                    "try").innerHTML = "Error!!";
            }
        </script>
    </center>
</body>
</html>

Output:

Example: Using the addEventListener() method

HTML

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onerror event</h2>
        <img id="logo" src="image.gif">
        <p id="try"></p>

        <script>
            document.getElementById(
                "logo")
                .addEventListener(
                "error", myFunction);
            function myFunction() {
                document.getElementById(
                    "try").innerHTML = "Error!!";
            }
        </script>
    </center>
</body>

</html>

Output:

Supported Browsers: The browsers supported by HTML DOM onerror Event are listed below:

Google Chrome 10
Edge 12
Internet Explorer 9
Firefox 1
Apple Safari 6
Opera 11.6

HTML DOM onprogress Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML DOM ondrop Event

The HTML DOM ondrop event occurs when a draggable element is dropped on a valid drop target. There are some events that are used and occurred in the different stages of a drag-and-drop operation: Events fired on the draggable target: ondragstart: occurs when dragging of an element started.ondrag: oc

HTML DOM onabort Event

The DOM onabort event occurs in the abortion of an audio/video loading.Â This event occurs when the downloading of media data is aborted without any error. Events that occur when some disruption comes in the media loading process are:Â onemptiedonerroronstalledonsuspend Supported TagsÂ <audio>

HTML DOM onprogress Event

The DOM onprogress event in HTML occurs when the browser is downloading the specified audio/video. Events occur during the loading process of an audio/video: onloadstartondurationchangeonloadedmetadataonloadeddataonprogressoncanplayoncanplaythrough Supported Tags <audio><video> Syntax: I

HTML DOM onopen Event

The DOM onopen event occurs on an open connection with an event source. Related events: onmessage: Received the message.onerror: The problem occurs. Syntax: Using JavaScript:object.onopen = function(){myScript};Using the addEventListener() method:object.addEventListener("open", myScript); Example: U

HTML DOM onblur Event

The HTML DOM onblur event occurs when an object loses focus. The onblur event is the opposite of the onfocus event. The onblur event is mostly used with form validation code (e.g. when the user leaves a form field). In HTML:<element onblur="myScript">html<!DOCTYPE html> <html lang="en

HTML DOM oncopy Event

The HTML DOM oncopy event occurs when the content of an element is copied by the user. It is also applicable to the image, created with the element. It is mostly used with type=â€textâ€. Note: There are three ways to copy the content of an element: Press CTRL + CSelect "Copy" from the Edit menu in you

HTML | DOM onshow Event

The onshow event occurs when a user right click on en element and <menu> element is shown as a context menu. Supported Tags <menu> Syntax: In HTML: <element onshow="Script">In JavaScript: object.onshow = function(){Script};In JavaScript, using the addEventListener() method: object.

HTML DOM onload Event

The HTML DOM onload event in HTML occurs when an object has been loaded. The onload event is mostly used within the <body> tag, in order to run the script on the web page that will load all the content completely. The onload event can be used to check the user's browser type and browser versio

HTML DOM onsearch Event

The onsearch event in HTML DOM occurs when a user searches using an <input> element with type="search". This event works when the user press "Enter" or clicks "x" in the search box. Supported tags: <input type="search"> Syntax: In HTML: <element onsearch="myScript">In JavaScript: o

HTML | DOM onscroll Event

The HTML DOM onscroll event occurs when a scrollbar is used. CSS overflow is used to create a scrollbar.In HTML: <element onscroll="myScript">HTML<!DOCTYPE html> <html> <body> <textarea style="width:100%" id="tID" onscroll="document.getElementById('try').innerHTML = 'Texta