☰

画像が読み込まれたときに JavaScript コールバックを実行するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript image callback loading
画像が読み込まれたときに JavaScript コールバックを実行するにはどうすればいいですか? 質問する

画像の読み込みが完了したかどうかを知りたいのですが、コールバックを使用してそれを実行する方法はありますか?

そうでない場合、それを実行する方法はあるのでしょうか?

ベストアンサー1

.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')
  })
}

ソース：http://www.html5rocks.com/en/tutorials/es6/promises/

おすすめ記事