<object> onload在Chrome中无法触发

Question

在<object>标签中加载PDF，我想在加载文档时显示一个指示器，而不仅仅是一个空元素，因此我将加载面板放在<object>上方。我添加了一个隐藏面板的功能：

function documentLoaded() {
    // Code to hide panel here.
}

并将其设置为在onload标签的<object>事件中触发：

<object type="application/pdf" data="/documents/sample.pdf" onload="documentLoaded();"></object>

这完全符合我在Firefox和Edge中的要求，但是当我在Chrome中进行测试时，“加载面板”从未消失。当我调试它时，我发现documentLoaded()函数从未在任何时候被调用。

是否有其他方法可以使其与Chrome一起使用，或者在PDF准备就绪后完全调用JS函数？

Answer 1

document.querySelector('#load_panel').onload=documentLoaded()