中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

JavaScript 参考手册

  • JavaScript 和 HTML DOM 参考手册
  • JavaScript对象

    Browser对象

    DOM对象

    HTML DOM对象

    拓展阅读

  • 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 事件属性
  • HTML DOM Body aLink 属性
  • key 事件属性
  • timeStamp 事件属性
  • HTML DOM Body bgColor 属性
  • HTML DOM Body link 属性
  • HTML DOM Body text 属性
  • HTML DOM Body vLink 属性
  • HTML DOM Fieldset disabled 属性
  • HTML DOM Fieldset form 属性
  • HTML DOM Fieldset name 属性
  • del cite 属性
  • HTML DOM Dialog open 属性
  • HTML DOM Frame/IFrame contentDocument 属性
  • HTML DOM Dialog close() 方法
  • HTML DOM Frame/IFrame frameBorder 属性
  • HTML DOM Dialog show() 方法
  • HTML DOM IFrame height 属性
  • HTML DOM Frame/IFrame longDesc 属性
  • HTML DOM Submit form 属性
  • HTML DOM Frame/IFrame marginHeight 属性
  • HTML DOM Input Number disabled 属性
  • HTML DOM Submit name 属性
  • HTML DOM Frame/IFrame marginWidth 属性
  • HTML DOM Input Number form 属性
  • HTML DOM Submit type 属性
  • HTML DOM Frame/IFrame name 属性
  • HTML DOM Password defaultValue 属性
  • HTML DOM Input Number placeholder 属性
  • HTML DOM Frame/IFrame src 属性
  • HTML DOM IFrame width 属性
  • HTML DOM Input Number type 属性
  • HTML DOM Script src 属性
  • HTML DOM Script defer 属性
  • HTML DOM Link hreflang 属性
  • HTML DOM Script src 属性
  • 引用 cite 属性
  • HTML DOM Select options 集合
  • animationstart 事件

    阅读 (2026)

    animationstart 事件

    事件对象参考手册 事件对象

    实例

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

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

    // Chrome, Safari 和 Opera 代码
    x.addEventListener("webkitAnimationStart", myStartFunction);

    // 标准语法
    x.addEventListener("animationstart", myStartFunction);

    尝试一下 »


    定义和用法

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

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

    CSS 动画播放时,会发生以下三个事件:


    浏览器支持

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

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

    事件          
    animationstart 4.0 webkit 10.0  16.0
    5.0 moz
    4.0 webkit 15.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 动画属性


    事件对象参考手册 事件对象
    关闭
    程序员人生