animationstart ဖြစ်ပွားရေး
定义和用法
当 CSS 动画开始播放时,animationstart 事件发生。
如需有关 CSS 动画的更多知识,请学习我们的 CSS3 动画教程。
当 CSS 动画播放时,可能会发生三个事件:
- animationstart - 当 CSS 动画开始时发生
- animationiteration - 当 CSS 动画重复时发生
- animationend - 当 CSS 动画完成时发生
实例
当 CSS 动画开始时,对
元素做一些事情:
var x = document.getElementById("myDIV"); // 针对 Chrome、Safari 以及 Opera 的代码 x.addEventListener("webkitAnimationStart", myStartFunction); // 标准语法 x.addEventListener("animationstart", myStartFunction);
语法
object.addEventListener("webkitAnimationStart", myScript); // 针对 Chrome、Safari 以及 Opera 的代码 object.addEventListener("animationstart", myScript); // 标准语法
ဖော်ပြ:Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技术细节
冒泡: | 支持 |
---|---|
可取消: | 不支持 |
事件类型: | AnimationEvent |
DOM 版本: | Level 3 Events |
浏览器支持
表中的数字注明了完全支持该事件的首个浏览器版本。
နှင့် အန်ဗက်အို နှင့် မိုအေအို ပြင်းပြင်းပြင်း အသုံးပြုသော ပထမဆုံး ပုံစံတစ်ခု ကို ကြောင်းပြောသည်
အခင်းအတာ | ခရမ်းနီးရား | အိုး | ဖက်ဖက်ဖက် | ဆာဖား | အိုပီရာ |
---|---|---|---|---|---|
animationstart | 4.0 ကင်ဗက်တ်အန်မို | 10.0 | 16.0 5.0 မိုအေအို |
4.0 ကင်ဗက်တ်အန်မို | 15.0 ကင်ဗက်တ်အန်မို 12.1 |
ဖော်ပြ:ခရမ်းနီးရား၊ ဆာဖား နှင့် အိုပီရာ အတွက် ကင်ဗက်တ်အန်မိုနောင်တန်ဘိုင်င်အန်အင်အင်အင်း
ပါဝင်သော စာမျက်နှာများ
စက်တင်ကုဒ်စာရင်း:CSS3 လှည့်ပြီး
စက်တင်ကုဒ်စာရင်း:CSS3 animation ဗဟုသုတ
HTML DOM အချက်အလက် ဘာသာစကားStyle animation ဗဟုသုတ