Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

событие transitionend

Событие Ссылка на объект объекты событий

примеров

Изменить <div> CSS после завершения переходных элементов и стилей текста:

// Safari 3.1 Dao 6.0 код
. Document.getElementById ( "myDIV") addEventListener ( "webkitTransitionEnd", туРипсЫоп);

// Стандартный синтаксис
. Document.getElementById ( "myDIV") addEventListener ( "transitionend", туРипсЫоп);

Попробуйте »

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

transitionend событие запускается после CSS для завершения перехода.

Примечание: если переход удаляется до завершения, например, CSS - переход-Property атрибут удаляется, событие перехода не сработает.

Подробнее о CSS переходов, смотрите наши CSS3 переходы .

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

Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.

"Webkit" или "Мос" или "о" в поддержку указанного числа префикс первой версии этого события.

событие
transitionend 26,0
4.0 webkitTransitionEnd 		10,0 16,0
4.0 mozTransitionEnd 		6.1
3.1 webkitTransitionEnd 		12.1
10,5 oTransitionEnd

Примечание: Safari 3.1 Dao версии 6.0 поддерживает событие, префикс использование webkitTransitionEnd.

грамматика

object.addEventListener ( "webkitTransitionEnd", MyScript) ; // Safari 3.1 Dao 6.0 код
объект .addEventListener ( "transitionend", MyScript ); // Стандартный синтаксис

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

технические детали
Независимо от того, чтобы поддержать пузырь: да
Это может быть отменено: да
Тип события: TransitionEvent

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

Учебник CSS: CSS3 переход

CSS Ссылка: CSS3 свойство перехода

CSS Ссылка: CSS3 Переход-Свойства недвижимости


Событие Ссылка на объект объекты событий