transitionend
Misol
CSS o‘tishi (transition) tugaganda <div> elementi bilan biror amal bajaring:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
O‘zingiz sinab ko‘ring »
Tavsif
transitionend hodisasi CSS o‘tishi (transition) tugaganda sodir bo‘ladi.
Eslatma: Agar o‘tish tugashidan oldin olib tashlansa, masalan, CSS transition-property xususiyati olib tashlansa, transitionend hodisasi ishga tushmaydi.
CSS o‘tishlari (transitions) haqida batafsil ma’lumot uchun CSS3 o‘tishlari darsligimizga qarang.
Sintaksis
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Ha |
|---|---|
| Bekor qilish mumkinmi: | Ha |
| Hodisa turi: | TransitionEvent |
| DOM versiyasi: | Level 3 hodisalari |
Tegishli sahifalar
CSS darsligi: CSS3 o‘tishlari
CSS ma’lumotnomasi: CSS3 transition xususiyati
CSS ma’lumotnomasi: CSS3 transition-property xususiyati
Brauzerlarda qo‘llab-quvvatlash
event.transitionEnd DOM Level 3 (2004) imkoniyatidir.
U barcha zamonaviy brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!