AnimationEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015å¹´9æ.
AnimationEvent ä»é¢è¡¨ç¤ºæä¾èåç«ç¸éè¨æ¯çäºä»¶ã
建æ§å
AnimationEvent()-
使ç¨çµ¦å®çåæ¸å»ºç«ä¸å
AnimationEventäºä»¶ã
實ä¾å±¬æ§
ä¹ç¹¼æ¿èªå
¶ç¶ Event ç屬æ§ã
AnimationEvent.animationNameRead only-
å å«ç¢çåç«ç
animation-nameå¼çå串ã AnimationEvent.elapsedTimeRead only-
ä¸å
floatï¼è¡¨ç¤ºæ¤äºä»¶è§¸ç¼æåç«å·²å·è¡çæéï¼ä»¥ç§çºå®ä½ï¼ï¼ä¸å æ¬åç«æ«åçæéãå°æ¼animationstartäºä»¶ï¼elapsedTimeçº0.0ï¼é¤éanimation-delayæè² å¼ï¼æ¤æäºä»¶å°ä»¥(-1 * delay)çelapsedTimeå¼è§¸ç¼ã AnimationEvent.pseudoElementRead only-
ä¸å以
'::'éé çå串ï¼å å«åç«éè¡çå½å ç´ å稱ã妿åç«ä¸æ¯éè¡å¨å½å ç´ ä¸ï¼èæ¯éè¡å¨å ç´ ä¸ï¼åçºç©ºå串ï¼''ã
坦便¹æ³
ç¹¼æ¿èªå
¶ç¶ Event çæ¹æ³ã
è¦ç¯
| Specification |
|---|
| CSS Animations Level 1> # interface-animationevent> |
ç覽å¨ç¸å®¹æ§
åè¦
- ä½¿ç¨ CSS åç«
- èåç«ç¸éç CSS 屬æ§è at-è¦åï¼
animationãanimation-compositionãanimation-delayãanimation-directionãanimation-durationãanimation-fill-modeãanimation-iteration-countãanimation-nameãanimation-play-stateãanimation-timing-functionã@keyframesã