如何在圖像載入後運行 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中文網其他相關文章！