Web/API/GlobalEventHandlers/onloadstart

From Get docs


The onloadstart property of the GlobalEventHandlers mixin is an EventHandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.)

Syntax

img.onloadstart = funcRef;

Value

funcRef is the handler function to be called when the resource's loadstart 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
HTML Living StandardThe definition of 'onloadstart' in that specification. Living Standard Initial definition

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
onloadstart

Chrome Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Edge

Full support 12

Firefox

Full support 52

IE

Full support Yes

Opera Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Safari Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

WebView Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Chrome Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Firefox Android

Full support 52

Opera Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Safari iOS Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Samsung Internet Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' The loadstart event is not fired on <img> elements.

Legend

Full support  
Full support
See implementation notes.'
See implementation notes.