Що таке подія після завантаження зображення в JavaScript?
Запуск подій за допомогою Javascript Image Onload Функція Javascript Image Onload запускає дві ключові події: «loadstart» – коли починається завантаження зображення. "навантаження" – коли зображення повністю завантажено.
Як визначити, коли завантажуються зображення
- var img1 = документ. createElement("img"); var img2 = нове зображення(); img1. src = "шлях/до/зображення1. …
- img1. src = "шлях/до/зображення. jpg"; img1. …
- var img = нове зображення(); малюнок onload = function() { // зображення готове }; малюнок onerror = function() { // не вдалося отримати зображення }; малюнок
The подія onload відбувається, коли об'єкт завантажено. onload найчастіше використовується в елементі <body> для виконання сценарію, коли веб-сторінка повністю завантажила весь вміст (включаючи зображення, файли сценаріїв, файли CSS тощо).
Джерела зображень запускають події, пов’язані із завантаженням зображень. Ви можете прослуховувати події типу imageloadstart, imageloadend і imageloaderror, щоб відстежувати процес завантаження зображення. У цьому прикладі реєструються слухачі для цих подій і відображається панель прогресу завантаження зображення внизу карти.
Іміджеві події
| Ім'я | опис |
|---|---|
| "навантаження" | Запускається, коли зображення успішно завантажено. |
| 'loadpreview' | Запускається, коли завантажено попередній перегляд зображення. |
| 'оновити' | Запускається, коли оновлюється imageState. |
| 'processstart' | Запускається, коли починається обробка зображення. |
Спосіб 1: Використання оператора typeof: оператор typeof повертає тип змінної, для якої він викликається, як рядок. Повернутий рядок для будь-якого об’єкта, який не існує, є «невизначеним». Це можна використати для перевірки існування об’єкта чи ні, оскільки неіснуючий об’єкт завжди повертатиме «невизначений».
Синтаксис: об'єкт. addEventListener("завантажити", myScript); Приклад: у цьому прикладі перевіряється, чи завантажено фонове зображення, за допомогою методу addEventListener() у JavaScript.