如何在图像加载后运行 JavaScript 回调？

在图像加载时运行 JavaScript 回调

问题

有没有办法在图像加载完成时执行回调函数？

回答

使用 .complete回调

此方法符合标准，依赖性要求低。此外，它还避免了不必要的延迟：

var img = document.querySelector('img')

function loaded() {
  alert('loaded')
}

if (img.complete) {
  loaded()
} else {
  img.addEventListener('load', loaded)
  img.addEventListener('error', function() {
      alert('error')
  })
}

来源

上述代码片段基于以下资源：

• [HTML5 Rocks: Promises]( http://www.html5rocks.com/en/tutorials/es6/promises/)

以上是如何在图像加载后运行 JavaScript 回调？的详细内容。更多信息请关注PHP中文网其他相关文章！