javascript - 进度条问题（使用 onloadstart、onloadend、onloadprogress）

Question

HTML 代码：

<img class="boxImg" src="IMAGE_URL" onloadstart="showProgressBar('#loadBar')" onloadend="hideProgressBar('#loadBar')" />
<div id="loadBar">Loading</div>

Javascript代码：

function showProgressBar(div) { console.log("Load begin"); $(div).fadeIn(50);}
function hideProgressBar(div) { console.log("Load end");   $(div).fadeOut(50);}

图像加载正常，但未调用 Javascript 函数（控制台中没有出现任何内容，并且 div 没有效果）。

Answer 1

您正在尝试在元素上使用onloadstart和。这些就是所谓的进度事件。onloadendimg

进度事件目前仅对HTML 元素video有效。它们对元素audio无效。img

Answer 2

onloadstart 和 onloadend 仅支持音频和视频标签 - http://www.w3schools.com/tags/av_event_loadstart.asp