Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

animationend события

<Объект Event

пример

Сделайте что - нибудь с <div> элемент , когда CSS анимация закончилась:

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

// Code for Chrome, Safari and Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);

// Standard syntax
x.addEventListener("animationend", myEndFunction);
Попробуй сам "

Определение и использование

Событие animationend происходит, когда CSS анимация завершена.

Дополнительные сведения о CSS Animations см наш учебник по CSS3 анимации .

Когда CSS анимация играет, есть три события, которые могут произойти:

  • animationstart - происходит после запуска CSS анимации
  • animationiteration - возникает , когда CSS анимация повторяется
  • animationend - возникает, когда CSS анимация завершена

Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает событие.

Числа следует "webkit" или "moz" указать первую версию , которая работала с префиксом.

Мероприятие
animationend 4,0 WebKit 10,0 16,0
5.0 Мос
4,0 WebKit 15,0 WebKit
12,1

Примечание: Для Chrome, Safari и Opera, используйте префикс webkitAnimationEnd.


Синтаксис

object.addEventListener("webkitAnimationEnd", myScript );  // Code for Chrome, Safari and Opera
object
.addEventListener("animationend", myScript );        // Standard syntax

Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.


Технические подробности

Пузыри: да
аннулированию: нет
Тип события: AnimationEvent
DOM Версия: Уровень 3 События

Похожие страницы

Учебник CSS: CSS3 Animations

CSS Reference: CSS3 animation Property

HTML DOM ссылка: Style animation Property


<Объект Event