Bagaimanakah Saya Boleh Menjalankan Panggilan Balik JavaScript Selepas Imej Dimuatkan?

Menjalankan Panggilan Balik JavaScript pada Muatan Imej

Soalan

Adakah terdapat cara untuk melaksanakan fungsi panggil balik apabila imej telah selesai dimuatkan?

Jawab

Menggunakan .complete Panggilan Balik

Kaedah ini mematuhi piawaian dan mempunyai keperluan pergantungan yang rendah. Selain itu, ia mengelakkan kelewatan yang tidak perlu:

var img = document.querySelector('img')

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

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

Sumber

Coretan kod di atas adalah berdasarkan sumber berikut:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjalankan Panggilan Balik JavaScript Selepas Imej Dimuatkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!