如何使用JavaScript检测CSS转换何时结束
小编给大家分享一下如何使用JavaScript检测CSS转换何时结束,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都网络公司-成都网站建设公司创新互联建站十余年经验成就非凡,专业从事成都网站建设、网站制作,成都网页设计,成都网页制作,软文发布平台,广告投放等。十余年来已成功提供全面的成都网站建设方案,打造行业特色的成都网站建设案例,建站热线:13518219792,我们期待您的来电!
检测转换何时结束
我们可以使用JavaScript通过点击“ transitionend
”事件来检测CSS转换何时结束。像设置CSS3属性一样需要注意的是,一些旧版本的Chrome和Safari仍然依赖于事件的前缀版本。为了考虑所有可能的前缀,我们可以使用以下函数transitionend
在浏览器中返回支持的“ ”事件:
|
在这种情况下 ,
事件对象
填充了一些属性,其中两个更有用event.propertyName
,它返回一个字符串,其中包含已转换的CSS3属性名称列表,并event.elapsedTime
返回转换的持续时间(以秒为单位)。
以上是“如何使用JavaScript检测CSS转换何时结束”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网站题目:如何使用JavaScript检测CSS转换何时结束
文章链接:http://pwwzsj.com/article/poisoe.html