onloadstart 特性为 GlobalEventHandlers 混合 EventHandler 表示要调用的代码当 loadstart 事件被引发 (当资源加载进度开始时。)

句法

img.onloadstart = funcRef;
					

funcRef 是要调用的处理程序函数当资源的 loadstart 事件激发。

范例

HTML 内容

<img src="myImage.jpg">
					

JavaScript 内容

// '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');
});
					

规范

规范 状态 注释
HTML 实时标准
在该规范中的 onloadstart 定义。
实时标准 初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
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 Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Edge 12 Firefox 52 IE Yes Opera Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Safari Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
WebView Android Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Chrome Android Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Firefox Android 52 Opera Android Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Safari iOS Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。
Samsung Internet Android Yes 注意事项
Yes 注意事项
loadstart event is not fired on <img> 元素。

图例

完整支持

完整支持

见实现注意事项。

元数据

  • 最后修改: