The onloadend property of the GlobalEventHandlers mixin is an EventHandler representing the code to be called when the loadend event is raised (when progress has stopped on the loading of a resource.)
Syntax
img.onloadend = funcRef;
Value
funcRef is the handler function to be called when the resource's loadend event fires.
Examples
HTML content
<img src="myImage.jpg">
JavaScript content
// 'loadstart' fires first, then 'load', then 'loadend'
image.addEventListener('load', function(e) {
console.log('Image loaded');
});
image.addEventListener('loadstart', function(e) {
console.log('Image load started');
});
image.addEventListener('loadend', function(e) {
console.log('Image load finished');
});
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'onloadend' in that specification. |
Living Standard | Initial definition |
Browser Compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | No support | No support | 52 (52)[1] | No support | No support | ? |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | ? | No support | 52.0 (52)[1] | No support | No support | ? | No support |
[1] As of Firefox 52, The loadend event is now fired on <img> elements.
Document Tags and Contributors
Tags:
Contributors to this page:
Sebastianz,
chrisdavidmills
Last updated by:
Sebastianz,