Bagaimanakah Saya Boleh Mengesan Permulaan dan Tamat Peralihan CSS3?

Mengesan Peristiwa Peralihan CSS3

Peralihan dalam CSS3 menambah kesan dinamik pada elemen web, meningkatkan tindak balasnya. Walau bagaimanapun, selalunya perlu untuk menjejaki permulaan dan akhir peralihan ini untuk penyegerakan dengan elemen atau tindakan lain.

Jawapan

Draf Peralihan CSS W3C

Draf Peralihan CSS W3C menyatakan bahawa acara penyiapan ialah dipecat untuk setiap harta yang mengalami peralihan. Peristiwa ini membenarkan pembangun mengesan apabila peralihan selesai dan melakukan tindakan yang disegerakkan.

Webkit

Dalam Webkit, fungsi pendengar acara boleh ditetapkan untuk acara webkitTransitionEnd. Acara ini dicetuskan pada penghujung peralihan.

box.addEventListener('webkitTransitionEnd', function( event ) { alert( "Finished transition!" ); }, false );

Mozilla, Opera dan Internet Explorer

Pelayar ini menyokong acara peralihan yang sama, tetapi ia mungkin diawali dengan 'o' untuk Opera dan 'webkit' untuk Internet Explorer. Peristiwa berlaku semasa peralihan selesai.

Untuk mendapatkan maklumat lanjut tentang peristiwa peralihan CSS dan keserasiannya merentas penyemak imbas, rujuk perbincangan Stack Overflow tentang menormalkan fungsi Transisi CSS3.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Permulaan dan Tamat Peralihan CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!