在 CSS 動畫開始播放時為 <div> 元素添加監(jiān)聽事件:
animationstart 事件在 CSS 動畫開始播放時觸發(fā)。
更多關(guān)于 CSS 動畫的內(nèi)容,請查看我們的CSS3 動畫 章節(jié)。
CSS 動畫播放時,會發(fā)生以下三個事件:
表格中的數(shù)字表示支持該事件的第一個瀏覽器的版本號。
"webkit" 或 "moz" 后面指定的數(shù)字為支持該事件的第一個版本號前綴。
事件 | |||||
---|---|---|---|---|---|
animationstart | 4.0 webkit | 10.0 | 16.0 5.0 moz | 4.0 webkit | 15.0 webkit 12.1 |
注意: Chrome, Safari 和 Opera 瀏覽器使用webkitAnimationEnd 前綴。
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
是否支持冒泡: | Yes |
---|---|
是否可以取消: | No |
事件類型: | AnimationEvent |
CSS 教程: CSS3 動畫
CSS 參考手冊: CSS3 動畫屬性
HTML DOM 參考手冊: Style 動畫屬性