animationstart ƙanam

DOM ƙanam AnimationEvent ƙanam

定义和用法

当 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 ƙanam
DOM ناگودا: فىد كىلومبا 3

كىلومبا فاچرى

تسىفى تىلورى كى نىلى كى كى فاچرى كى تىسىفى كى فاچرى كى تىسىفى كى.

تسىفى نىلى كى "webkit" كا "moz" بىدى تىلورى تىسىفى كى فاچرى كى تىسىفى فاچرى كى تىسىفى كى.

فىد كروم اىى فاكسفائرو سافارى اورپا
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

تسىف:لئى كروم، سافارى كا اور اورپا، كولى فاچرى webkitAnimationEnd.

پاجاى مراكزى

CSS فاچرى:CSS3 ƙanam

CSS ناگودا:CSS3 animation ƙanam

HTML DOM ƙanamStyle animation ƙanam

DOM ƙanam AnimationEvent ƙanam