首页 开发教程 JavaScript 和 HTML DOM 参考手册 animationstart 事件

"JavaScript 和 HTML DOM 参考手册"的目录

JavaScript 和 HTML DOM 参考手册
JavaScript Array 对象
JavaScript Boolean 对象
JavaScript Date 对象
JavaScript Math 对象
JavaScript Number 对象
JavaScript String 对象
JavaScript RegExp 对象
JavaScript 全局属性/函数
JavaScript 运算符
JavaScript length 属性
Window 对象
Navigator 对象
Screen 对象
History 对象
Location 对象
HTML DOM Document 对象
HTML DOM 元素对象
HTML DOM 属性对象
HTML DOM 事件对象
HTML DOM Anchor 对象
HTML DOM Area 对象
HTML DOM Audio 对象
HTML DOM Object 对象
HTML DOM Blockquote 对象
HTML DOM Body 对象
HTML DOM Button 对象
HTML DOM Canvas 对象
HTML DOM Column 对象
HTML DOM Columngroup对象
HTML DOM Datalist 对象
HTML DOM del 对象
HTML DOM Details 对象
HTML DOM Dialog 对象
HTML DOM Embed 对象
HTML DOM Fieldset 对象
HTML DOM Form 对象
HTML DOM Frame 和 IFrame 对象
HTML DOM Frameset 对象
HTML DOM Image 对象
HTML DOM ins 对象
HTML DOM Button 对象
HTML DOM Checkbox 对象
HTML DOM Input Color 对象
HTML DOM Input Date 对象
HTML DOM Input Datetime 对象
HTML DOM Input DatetimeLocal 对象
HTML DOM Input Email 对象
HTML DOM FileUpload 对象
HTML DOM Hidden 对象
HTML DOM Input Image 对象
HTML DOM Input Month 对象
HTML DOM Input Number 对象
HTML DOM Input Range 对象
HTML DOM Password 对象
HTML DOM Radio 对象
HTML DOM Reset 对象
HTML DOM Input Search 对象
HTML DOM Submit 对象
HTML DOM Input Text 对象
HTML DOM Input Time 对象
HTML DOM Input URL 对象
HTML DOM Input Week 对象
HTML DOM Keygen 对象
HTML DOM Link 对象
HTML DOM Label 对象
HTML DOM Legend 对象
HTML DOM Li 对象
HTML DOM Map 对象
HTML DOM Menu 对象
HTML DOM MenuItem 对象
HTML DOM Meta 对象
HTML DOM Meter 对象
HTML DOM Ol 对象
HTML DOM OptionGroup 对象
HTML DOM Option 对象
HTML DOM Parameter 对象
HTML DOM Progress 对象
HTML DOM 引用对象( <q>)
HTML DOM Script 对象
HTML DOM Select 对象
HTML DOM Source 对象
HTML DOM Style 对象
HTML DOM Table 对象
HTML DOM td / th 对象
HTML DOM TableHeader 对象
HTML DOM tr 对象
HTML DOM Textarea 对象
HTML DOM title 属性
HTML DOM Time 对象
HTML DOM Track 对象
HTML DOM Video 对象
onmouseleave 事件
onpaste 事件
onpageshow 事件
onpagehide 事件
ondurationchange 事件
onsuspend 事件
onprogress 事件
animationstart 事件
onseeked 事件
which 事件属性
metaKey 事件属性
onoffline 事件
button 事件属性
relatedTarget 事件属性
onshow 事件
clientX 事件属性
screenX 事件属性
ontoggle 事件
clientY 事件属性
bubbles 事件属性
ctrlKey 事件属性
shiftKey Event 属性
cancelable 事件属性
location 事件属性
currentTarget 事件属性
key 事件属性
timeStamp 事件属性
HTML DOM Body aLink 属性
HTML DOM Body bgColor 属性
HTML DOM Body link 属性
HTML DOM Body text 属性
HTML DOM Body vLink 属性
HTML DOM del dateTime 属性
HTML DOM del cite 属性
HTML DOM Fieldset disabled 属性
HTML DOM Fieldset form 属性
HTML DOM Fieldset name 属性
HTML DOM Dialog open 属性
HTML DOM Dialog close() 方法
HTML DOM Dialog show() 方法
HTML DOM Frame/IFrame contentDocument 属性
HTML DOM Frame/IFrame frameBorder 属性
HTML DOM IFrame height 属性
HTML DOM Frame/IFrame longDesc 属性
HTML DOM Frame/IFrame marginHeight 属性
HTML DOM Frame/IFrame marginWidth 属性
HTML DOM Frame/IFrame name 属性
HTML DOM Frame/IFrame src 属性
HTML DOM IFrame width 属性
HTML DOM Submit form 属性
HTML DOM Submit name 属性
HTML DOM Submit type 属性
HTML DOM 引用对象 cite 属性
HTML DOM Input Number disabled 属性
HTML DOM Input Number form 属性
HTML DOM Input Number placeholder 属性
HTML DOM Input Number type 属性
HTML DOM Password defaultValue 属性
HTML DOM Link hreflang 属性
HTML DOM Script src 属性
HTML DOM Script defer 属性
HTML DOM Script src 属性
HTML DOM Select options 集合
js中setinterval怎么用？怎么才能让setinterval停下来？

JavaScript 和 HTML DOM 参考手册 animationstart 事件

2024-02-25 开发教程 JavaScript 和 HTML DOM 参考手册 匿名 1℃

实例

在 CSS 动画开始播放时为 <div> 元素添加监听事件:

var x = document.getElementById("myDIV");
// Chrome, Safari 和 Opera 代码
x.addEventListener("webkitAnimationStart", myStartFunction);
// 标准语法
x.addEventListener("animationstart", myStartFunction);

尝试一下 »

定义和用法

animationstart 事件在 CSS 动画开始播放时触发。

更多关于 CSS 动画的内容，请查看我们的CSS3 动画 章节。

CSS 动画播放时，会发生以下三个事件：

  • animationstart - CSS 动画开始后触发
  • animationiteration - CSS 动画重复播放时触发
  • animationend - CSS 动画完成后触发

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

"webkit" 或 "moz" 后面指定的数字为支持该事件的第一个版本号前缀。

事件
animationstart4.0 webkit10.0 16.0
5.0 moz		4.0 webkit15.0 webkit
12.1

注意： Chrome, Safari 和 Opera 浏览器使用webkitAnimationEnd 前缀。

语法

object.addEventListener("webkitAnimationStart", myScript); // Code for Chrome, Safari and Opera

object.addEventListener("animationstart", myScript); // Standard syntax

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

技术细节

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

相关页面

CSS 教程: CSS3 动画

CSS 参考手册: CSS3 动画属性

HTML DOM 参考手册: Style 动画属性

上一节： onprogress 事件
下一节： onseeked 事件

备案信息： 粤ICP备15087711号-2

Copyright © 2008-2024 啊嘎哇在线工具箱 All Rights.

本站所有资料来源于网络，版权归原作者所有，仅作学习交流使用，如不慎侵犯了您的权利，请联系我们。