image - 我应该使用什么来代替已弃用的 `onerror` 属性？

Question

在我的图像上，我设置了 onerror属性，以便在图像由于某种原因不可用的情况下使用占位符:

<img
    class="article-img"
    src="path-to-image.jpg"
    alt="some description"
    onerror="this.src='/images/fallback.png'"
>

现在，它看起来像 onerror has been deprecated ，但我找不到任何关于处理错误的建议替代方法的良好来源(可能以类似的紧凑方式)。

知道它为什么被弃用也会很有趣。

Answer 1

根据 MDN，它似乎作为一个 img 标签属性而被弃用，而不是作为一个全局事件； GlobalEventHandlers.onerror 仍然有效，并且似乎他们还没有将标记属性事件分类为已弃用(在该部分中)，他们仍然显示 img 属性示例。

引用:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror

所以你仍然可以使用它，但只是不要将它用作标签属性，你可以将它放在脚本标签或单独的文件中。

顺便说一句，我刚刚在 w3c 验证器上测试了一个带有 onerror 属性的 img 标签，它既没有将其标记为错误也没有作为警告。