本篇內(nèi)容介紹了“怎么使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
大寧網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,大寧網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為大寧上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的大寧做網(wǎng)站的公司定做!
我們可以使用JavaScript通過點擊“ transitionend
”事件來檢測CSS轉(zhuǎn)換何時結(jié)束。像設(shè)置CSS3屬性一樣需要注意的是,一些舊版本的Chrome和Safari仍然依賴于事件的前綴版本。為了考慮所有可能的前綴,我們可以使用以下函數(shù)transitionend
在瀏覽器中返回支持的“ ”事件:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
|
在這種情況下 , 事件對象填充了一些屬性,其中兩個更有用event.propertyName
,它返回一個字符串,其中包含已轉(zhuǎn)換的CSS3屬性名稱列表,并event.elapsedTime
返回轉(zhuǎn)換的持續(xù)時間(以秒為單位)。
“怎么使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!