Apabila peralihan CSS berakhir, adalah penting untuk menerima pemberitahuan untuk memulakan tindakan pasca peralihan. Nasib baik, penyemak imbas menyediakan peristiwa yang mencetuskan selepas peralihan selesai, membenarkan pembangun mendaftarkan fungsi panggil balik.
Walau bagaimanapun, penyemak imbas menggunakan nama acara yang bergantung kepada penyemak imbas:
var transitionEndEventName = "XXX"; //figure out, e.g. "webkitTransitionEnd".. var elemToAnimate = ... //the thing you want to animate.. var done = false; var transitionEnded = function(){ done = true; //do your transition finished stuff.. elemToAnimate.removeEventListener(transitionEndEventName, transitionEnded, false); }; elemToAnimate.addEventListener(transitionEndEventName, transitionEnded, false); //animation triggering code here.. //ensure tidy up if event doesn't fire.. setTimeout(function(){ if(!done){ console.log("timeout needed to call transition ended.."); transitionEnded(); } }, XXX); //note: XXX should be the time required for the //animation to complete plus a grace period (e.g. 10ms)
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapat Pemberitahuan Apabila Peralihan CSS Selesai Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!