animationend 事件

實(shí)例

在 CSS 動(dòng)畫結(jié)束后為 <div> 元素添加監(jiān)聽事件:

var x = document.getElementById("myDIV");

// Chrome, Safari 和 Opera 代碼
x.addEventListener("webkitAnimationEnd", myStartFunction);

// 標(biāo)準(zhǔn)語(yǔ)法
x.addEventListener("animationend", myStartFunction);

運(yùn)行代碼 ?

定義和用法

animationend 事件在 CSS 動(dòng)畫完成后觸發(fā)。

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

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

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

瀏覽器支持

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

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

事件
animationend	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("webkitAnimationEnd", myScript);? // Chrome, Safari 和 Opera
object.addEventListener("animationend", myScript);??????? // 標(biāo)準(zhǔn)語(yǔ)法

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

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

是否支持冒泡:	Yes
是否可以取消:	No
事件類型:	AnimationEvent

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

animationend 事件

實(shí)例

定義和用法

瀏覽器支持

語(yǔ)法

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