Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference manual

Ikhtisar

JavaScript benda

JavaScript Array benda JavaScript Boolean benda JavaScript Date benda JavaScript Math benda JavaScript Number benda JavaScript String benda JavaScript RegExp benda JavaScript Global Properties / Fungsi JavaScript operator

Browser benda

Window benda Navigator benda Screen benda History benda Location benda

DOM benda

HTML DOM Document benda HTML DOM objek elemen HTML DOM atribut objek HTML DOM benda acara

HTML benda

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

acara transitionend

Sebelumnya: acara animationstart

Berikutnya: acara ononline

contoh

Memodifikasi <div> CSS setelah selesainya unsur transisi dan gaya teks:

// Safari 3.1 Dao 6.0 kode
. Document.getElementById ( "myDiv") addEventListener ( "webkitTransitionEnd", myFunction);

// Standard sintaks
. Document.getElementById ( "myDiv") addEventListener ( "transitionend", myFunction);

Definisi dan Penggunaan

Acara transitionend dipicu setelah CSS untuk menyelesaikan transisi.

Catatan: jika transisi dihapus sebelum selesai, misalnya, CSS Transisi-properti atribut dihapus, acara transisi tidak akan dipicu.

Lebih lanjut tentang transisi CSS, lihat transisi CSS3 .

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.

"WebKit" atau "moz" atau "o" dalam mendukung jumlah yang ditentukan awalan versi pertama dari acara tersebut.

peristiwa
transitionend	26,0 4.0 untuk webkitTransitionEnd	10,0	16.0 4.0 untuk mozTransitionEnd	6.1 3.1 webkitTransitionEnd	12.1 10.5 ke oTransitionEnd

Catatan: Safari 3.1 Dao versi 6.0 mendukung acara, penggunaan webkitTransitionEnd awalan.

tatabahasa

object.addEventListener ( "webkitTransitionEnd", myScript) ; // Safari 3.1 Dao 6.0 kode
objek .addEventListener ( "transitionend", myScript ); // sintaks Standard

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.

rincian teknis

Apakah akan mendukung gelembung:	ya
Hal ini dapat dibatalkan:	ya
Jenis acara:	TransitionEvent

Pages terkait

CSS tutorial: CSS3 transisi

CSS Referensi: properti transisi CSS3

CSS Referensi: CSS3 Transition Properti-properti

Acara Referensi Obyek

Sebelumnya: acara animationstart

Berikutnya: acara ononline