animationstart ဖြစ်ပွားရေး

定义和用法

当 CSS 动画开始播放时,animationstart 事件发生。

如需有关 CSS 动画的更多知识,请学习我们的 CSS3 动画教程

当 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 ဗဟုသုတ