SVGAbort | onabort event

Occurs when page loading is stopped before an element is loaded completely.

Scalable Vector Graphics: Scripting, Section 18.4.3

Syntax

HTML Attribute	<element onabort = "handler(event)">
Event Property	object.onabort = handler;
attachEvent Method	object.attachEvent("onabort", handler)
addEventListener Method	object.addEventListener("SVGAbort", handler, useCapture)

Event information

Synchronous	No
Bubbles	Yes
Cancelable	No

Event handler parameters

pEvt [in]: Type: IDOMUIEvent
The IDOMEvent object.

Standards information

Scalable Vector Graphics: Scripting, Section 18.4.3

Remarks

The onabort event occurs when page loading is stopped before an element is loaded completely.

The target of the event is the svg element.

The designated element stops loading.

To invoke this event, do one of the following:

The user presses the browser's stop button before the element is loaded completely.

Examples

The following code example shows how to handle the onabort event.

JavaScript


<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="outerSvgElement"
     width="600px" height="210px" version="1.1" 
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Required for xlink usage. -->
   
  <script type="application/ecmascript">
    function handleAbortEvent(evt) {
      // Handle the abort event here.
    }
    
    window.onload = function() {
      var e = document.documentElement; // Root element is svg
      
      /* 
        For the svg element, add an event listener for the onabort event.
        addEventListener parameters: event type, event listener pointer, 'false' = bubbling.
      */
      e.addEventListener('SVGAbort', handleAbortEvent, false);
    }
  </script>
  
</svg>