Wie kann ich einen JavaScript-Rückruf ausführen, nachdem ein Bild geladen wurde?

Ausführen eines JavaScript-Rückrufs beim Laden eines Bildes

Frage

Gibt es eine Möglichkeit, eine Rückruffunktion auszuführen, wenn ein Bild vollständig geladen wurde?

Antworten

Mit .complete Rückruf

Diese Methode ist standardkonform und weist geringe Abhängigkeitsanforderungen auf. Darüber hinaus werden unnötige Verzögerungen vermieden:

var img = document.querySelector('img')

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

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

Quelle

Das obige Code-Snippet basiert auf der folgenden Ressource:

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

Das obige ist der detaillierte Inhalt vonWie kann ich einen JavaScript-Rückruf ausführen, nachdem ein Bild geladen wurde?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!