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 没有效果)。
最佳答案
您正尝试在 img
元素上使用 onloadstart
和 onloadend
。这些就是所谓的 progress events 。
进度事件目前仅对 video
和 audio
HTML 元素有效。它们在 img
元素上无效。
关于javascript - 进度条问题(使用onloadstart、onloadend、onloadprogress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16885257/