Bagaimana untuk Melaksanakan Panggilan Balik JavaScript Selepas Pemuatan Imej Berjaya?

Pemuatan Imej dan Panggilan Balik JavaScript

Soalan: Bagaimanakah saya boleh melaksanakan panggilan balik JavaScript apabila berjaya memuatkan imej? Sebagai alternatif, adakah terdapat sebarang cara untuk menyelesaikan tugas ini?

Jawapan:

Terdapat pelbagai kaedah untuk mencapai panggilan balik pemuatan imej dalam JavaScript. Satu pendekatan melibatkan penggunaan sifat .complete dan fungsi panggil balik, seperti yang ditunjukkan di bawah:

Kod JavaScript:

var img = document.querySelector('img')

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

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

Pendekatan ini mematuhi piawaian, tidak memerlukan kebergantungan luar, dan tidak memperkenalkan kelewatan yang tidak perlu. Sifat img.complete disemak pada mulanya, dan jika imej sudah dimuatkan, panggilan balik dilaksanakan serta-merta. Jika imej tidak dimuatkan, pendengar acara ditambahkan pada acara 'muat' dan 'ralat', memastikan panggilan balik dilaksanakan dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Panggilan Balik JavaScript Selepas Pemuatan Imej Berjaya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!