真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

怎么使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束

本篇內(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

function gettransitionend(){

    var root = document.documentElement

    var transitions = {

        'transition':'transitionend',

        'OTransition':'oTransitionEnd',

        'MozTransition':'transitionend',

        'WebkitTransition':'webkitTransitionEnd'

        }

    

    for (var t in transitions){

        if (root.style[t] !== undefined ){

            return transitions[t];

        }

    }

    return undefined

}

//Example Usage:

var transitionendevt = gettransitionend()

if (transitionendevt){ // if transitionend event supported by browser

    element.addEventListener(transitionendevt, function(e){

        // do something after end of transition

    }, false)

}

在這種情況下 , 事件對象填充了一些屬性,其中兩個更有用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ì)量的實用文章!


本文標(biāo)題:怎么使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束
文章地址:http://weahome.cn/article/ipesjo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部