画像のロード後に JavaScript コールバックを実行するにはどうすればよいですか?

画像の読み込み時に JavaScript コールバックを実行する

質問

画像の読み込みが完了したときにコールバック関数を実行する方法はありますか?

回答

.complete を使用するCallback

このメソッドは標準に準拠しており、依存関係の要件は低いです。さらに、不必要な遅延を回避します:

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:約束](http://www.html5rocks.com/en/tutorials/es6/promises/)

以上が画像のロード後に JavaScript コールバックを実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。