Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Przegląd

JavaScript Przedmioty

JavaScript Array Przedmioty JavaScript Boolean Przedmioty JavaScript Date Przedmioty JavaScript Math Przedmioty JavaScript Number Przedmioty JavaScript String Przedmioty JavaScript RegExp Przedmioty JavaScript Globalny Właściwości / funkcje JavaScript operatorzy

Browser Przedmioty

Window Przedmioty Navigator Przedmioty Screen Przedmioty History Przedmioty Location Przedmioty

DOM Przedmioty

HTML DOM Document Przedmioty HTML DOM obiekt elementu HTML DOM Atrybut obiektu HTML DOM obiekty zdarzeń

HTML Przedmioty

<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>

impreza transitionend

Poprzedni: Impreza animationstart

Dalej: ononline wydarzenie

obiekty zdarzeń

Przykłady

Modyfikowanie <div> CSS po zakończeniu pierwiastków przejściowych i stylów tekstu:

// Safari 3.1 Dao Kod 6,0
. Document.getElementById ( "myDiv") addEventListener ( "webkitTransitionEnd" myFunction);

// Standardowa składnia
. Document.getElementById ( "myDiv") addEventListener ( "transitionend" myFunction);

Definicja i Wykorzystanie

Impreza transitionend jest wyzwalany po CSS, aby zakończyć przejście.

Uwaga: jeżeli przejście usuwa się przed zakończeniem, na przykład, CSS przejściowy obiektu cecha jest usuwany, zdarzenie przejście nie zostanie uruchomiony.

Więcej informacji na temat przejścia CSS, zobacz nasze przejścia CSS3 .

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą tę wersję wydarzeń.

"Webkit" lub "Moz" lub "o" na poparcie określonej liczby poprzedzić pierwszą wersję zdarzenia.

wydarzenie
transitionend	26,0 4,0 do webkitTransitionEnd	10,0	16,0 4,0 do mozTransitionEnd	6,1 3,1 webkitTransitionEnd	12,1 10,5 do oTransitionEnd

Uwaga: Safari 3.1 Dao wersja 6.0 obsługiwane imprezy, korzystanie webkitTransitionEnd prefiks.

gramatyka

object.addEventListener ( "webkitTransitionEnd" myscript) ; // Safari 3.1 Dao Kod 6,0
object .addEventListener ( "transitionend" MOJSKRYPT ); // standardowa składnia

Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje addEventListener () metody.

dane techniczne

Czy poprzeć bańki:	tak
Może być anulowane:	tak
Typ zdarzenia:	TransitionEvent

Podobne strony

Kurs CSS: CSS3 przejścia

CSS: CSS3 własność przejścia

CSS: CSS3 Transition Właściwości-nieruchomości

Event Object Reference

obiekty zdarzeń

Poprzedni: Impreza animationstart

Dalej: ononline wydarzenie