animationend ဖြစ်ပေါ်မှု

DOM 事件 AnimationEvent

အသုံးပြုခြင်း နှင့် ဖော်ပြ

CSS လှည့်ပြခြင်း ပြီးပြီးခဲ့သောအခါ animationend ဖြစ်ပေါ်မှု ဖြစ်ပါ

CSS လှည့်ပြခြင်း နှင့် ပတ်သက်၍ ပိုမိုသိရှိရန် ကျွန်ုပ်၏ CSS3 လှည့်ပြချက်。

CSS လှည့်ပြခြင်း ဖြစ်ပါက ဖြစ်ပေါ်နိုင်သော ဖြစ်ပေါ်မှုများ ၃ ခု ဖြစ်ပါ

  • animationstart - CSS လှည့်ပြခြင်း စတင်ခြင်း ဖြစ်ပါက
  • animationiteration - CSS လှည့်ပြခြင်း ပြန်ပြန်ပြောင်းလဲခြင်း ဖြစ်ပါက
  • animationend - CSS လှည့်ပြခြင်း ပြီးပြီးခဲ့သောအခါ ဖြစ်ပေါ်

အမှတ်အသား

CSS လှည့်ပြီး ဖြစ်ပါက <div> အရာတွင် အချက်အလက်များ ပြုလုပ်ပါ

var x = document.getElementById("myDIV");
// Chrome၊ Safari နှင့် Opera အတွက် နည်းဥပဒေ
x.addEventListener("webkitAnimationEnd", myEndFunction);
// နည်းဥပဒေ
x.addEventListener("animationend", myEndFunction);

ကျွန်ုပ်ကို စစ်ဆေးပါ

နည်းဥပဒေ

object.addEventListener("webkitAnimationEnd", myScript);  // Chrome၊ Safari နှင့် Opera အတွက် နည်းဥပဒေ
object.addEventListener("animationend", myScript);        // နည်းဥပဒေ

ဖော်ပြချက်：Internet Explorer 8 သို့ လျော့ကျသော အဆိုပါ နည်းဥပဒေ ကို မမြင်နိုင် addEventListener() နည်းဥပဒေ。

နည်းပညာ အချက်အလက်

ပေါ်ပေါက် လုပ်ဆောင်နိုင်
ပြန်ရိုက်နိုင် မမြင်နိုင်
ဖြစ်ပေါ်မှု အမျိုးအစား： AnimationEvent
DOM ပုံစံ： အခြေခံ ဖြစ်ပေါ်မှုများ ပုံစံ ၃

ဘာသာစကား ကူးကြော်ဝင်

အချက်အလက်များတွင် ဖော်ပြထားသော နေရာတွင် အခြား ဘာသာစကားများ ကို သုံးစွဲသည်။

နေရာတွင် "webkit" သို့မဟုတ် "moz" ပါဝင်သော နေရာတွင် သုံးစွဲသော ပထမဆုံး ပုံစံကို ညွှန်ပြသည်。

ဖြစ်ပေါ်မှု Chrome IE Firefox Safari Opera
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

ဖော်ပြချက်：Chrome၊ Safari နှင့် Opera အတွက် webkitAnimationEnd ကို အသုံးပြုပါ。

လုပ်ကြည့်သော စာရင်း

CSS ဖော်ပြချက်：CSS3 လှုပ်ရှား

CSS 参考手册：CSS3 animation ဗဟိုအကြိမ်

HTML DOM 参考手册：Style animation ဗဟိုအကြိမ်

DOM 事件 AnimationEvent