Javascript 进度条问题(使用onloadstart、onloadend、onloadprogress)

Javascript 进度条问题(使用onloadstart、onloadend、onloadprogress),javascript,jquery,html,image,Javascript,Jquery,Html,Image,HTML代码: <img class="boxImg" src="IMAGE_URL" onloadstart="showProgressBar('#loadBar')" onloadend="hideProgressBar('#loadBar')" /> <div id="loadBar">Loading</div> 图像加载很好,但没有调用Javascript函数(控制台中没有显示任何内容,并且div没有效果).onloadstart和onloadend

HTML代码:

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

图像加载很好,但没有调用Javascript函数(控制台中没有显示任何内容,并且div没有效果).

onloadstart和onloadend仅支持音频和视频标记-

onloadstart和onloadend仅支持音频和视频标记-

您正试图在
img
元素上使用
onloadstart
onloadend
。这些就是我们所知道的


进度事件当前仅在
视频
音频
HTML元素上有效。它们在
img
元素上无效。

您试图在
img
元素上使用
onloadstart
onloadend
。这些就是我们所知道的


进度事件当前仅在
视频
音频
HTML元素上有效。它们在
img
元素上无效。

此来源另有说明:w3c-官方、更真实的来源w3c学校与w3c没有关联。此外,w3schools是出了名的不准确。如果你不相信w3schools,那么你相信微软吗。这个答案是正确的。@JKor,谢谢,不知道这个消息来源说的不是这样的:w3c-官方的、更真实的消息来源w3c学校与w3c没有任何联系。此外,w3schools是出了名的不准确。如果你不相信w3schools,那么你相信微软吗。这个答案是正确的。@JKor,谢谢,我不知道我从Adobe阅读了关于这个来源的其他信息:。如果情况并非如此,并且你是正确的,那么图像是否有一个等价物?“然而,由于HTML图像元素缺少进度事件,在web上还不可能有替代方法。Adobe的web平台团队建议将图像进度事件添加到HTML5规范中,并在浏览器中实现。”-啊。。。我懂了。谢谢你找到那个。可耻!你知道图像的等价物吗?不知道,但是Adobe已经发起活动要求更改规范,而且看起来它已经更新了。它只是还没有实现。这是WebKit的bug追踪器:我在Adobe的源代码中读到了其他内容:。如果情况并非如此,并且你是正确的,那么图像是否有一个等价物?“然而,由于HTML图像元素缺少进度事件,在web上还不可能有替代方法。Adobe的web平台团队建议将图像进度事件添加到HTML5规范中,并在浏览器中实现。”-啊。。。我懂了。谢谢你找到那个。可耻!你知道图像的等价物吗?不知道,但是Adobe已经发起活动要求更改规范,而且看起来它已经更新了。它只是还没有实现。这是WebKit的bug追踪器:
function showProgressBar(div) { console.log("Load begin"); $(div).fadeIn(50);}
function hideProgressBar(div) { console.log("Load end");   $(div).fadeOut(50);}