transitionend 事件

實(shí)例

在 CSS 完成過(guò)渡后修改 <div> 元素樣式及文字：

// Safari 3.1 到 6.0 代碼
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);

// 標(biāo)準(zhǔn)語(yǔ)法
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

運(yùn)行代碼 ?

定義和用法

transitionend 事件在 CSS 完成過(guò)渡后觸發(fā)。

注意： 如果過(guò)渡在完成前移除，例如 CSS transition-property 屬性被移除，過(guò)渡事件將不被觸發(fā)。

更多關(guān)于 CSS 過(guò)渡，請(qǐng)查看我們的 CSS3 過(guò)渡。

瀏覽器支持

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

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

Event
transitionend	26.0 4.0 為 webkitTransitionEnd	10.0?	16.0 4.0 為 mozTransitionEnd	6.1 3.1 為 webkitTransitionEnd	12.1 10.5 為 oTransitionEnd

注意： Safari 3.1 到 6.0 版本才支持該事件, 使用webkitTransitionEnd前綴。

語(yǔ)法

object.addEventListener("webkitTransitionEnd", myScript);? // Safari 3.1 到 6.0 代碼
object.addEventListener("transitionend", myScript);??????? // Standard syntax

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

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

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

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

transitionend 事件

實(shí)例

定義和用法

瀏覽器支持

語(yǔ)法

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