animationstart 事件

實(shí)例

在 CSS 動(dòng)畫(huà)開(kāi)始播放時(shí)為 <div> 元素添加監(jiān)聽(tīng)事件:

var x = document.getElementById("myDIV"); // Chrome, Safari 和 Opera 代碼 x.addEventListener("webkitAnimationStart", myStartFunction); // 標(biāo)準(zhǔn)語(yǔ)法 x.addEventListener("animationstart", myStartFunction);

運(yùn)行代碼 ?

定義和用法

animationstart 事件在 CSS 動(dòng)畫(huà)開(kāi)始播放時(shí)觸發(fā)。

更多關(guān)于 CSS 動(dòng)畫(huà)的內(nèi)容，請(qǐng)查看我們的 CSS3 動(dòng)畫(huà) 章節(jié)。

CSS 動(dòng)畫(huà)播放時(shí)，會(huì)發(fā)生以下三個(gè)事件：

animationstart - CSS 動(dòng)畫(huà)開(kāi)始后觸發(fā)
animationiteration - CSS 動(dòng)畫(huà)重復(fù)播放時(shí)觸發(fā)
animationend - CSS 動(dòng)畫(huà)完成后觸發(fā)

瀏覽器支持

表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。

"webkit" 或 "moz" 后面指定的數(shù)字為支持該事件的第一個(gè)版本號(hào)前綴。

事件
animationstart	4.0 webkit	10.0?	16.0 5.0 moz	4.0 webkit	15.0 webkit 12.1

注意： Chrome, Safari 和 Opera 瀏覽器使用 webkitAnimationEnd 前綴。

語(yǔ)法

object.addEventListener("webkitAnimationStart", myScript);  // Chrome, Safari 與 Opera 語(yǔ)法
object.addEventListener("animationstart", myScript);        // 標(biāo)準(zhǔn)語(yǔ)法

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技術(shù)細(xì)節(jié)

是否支持冒泡:	Yes
是否可以取消:	No
事件類(lèi)型:	AnimationEvent

中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

animationstart 事件

實(shí)例

定義和用法

瀏覽器支持

語(yǔ)法

相關(guān)頁(yè)面