Comment puis-je exécuter un rappel JavaScript après le chargement d'une image ?

Exécuter un rappel JavaScript lors du chargement d'une image

Question

Existe-t-il un moyen d'exécuter une fonction de rappel lorsqu'une image a fini de se charger ?

Répondre

En utilisant .complete Rappel

Cette méthode est conforme aux normes et présente de faibles exigences de dépendance. De plus, cela évite des retards inutiles :

var img = document.querySelector('img')

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

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

Source

L'extrait de code ci-dessus est basé sur la ressource suivante :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!