off(transitionend)是什么意思

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2020-05-18 11:44:47

同学你好,问题解答如下:

off是移除事件,off需要移除的是css3过渡动画“transition”结束时触发的事件transitionend。由于transitionend有兼容性问题,在不同的浏览器下,有不同的事件名,所以我们写了transition.js去处理不同浏览器的兼容问题。比如当前浏览器支持“transtion”属性,那transition.js返回值就是一个对象{end:“transitionend”, isSupport: true},其中属性“end”的值就是该浏览器下动画结束时触发的事件,然后我们在showHide.js中接受该返回值,如下:

http://img1.sycdn.imooc.com//climg/5ec203c409ebdd3216970219.jpg

所以想要移除transitionend事件,就需要使用transition.end去获取,如下:

http://img1.sycdn.imooc.com//climg/5ec203ce09a538e010810424.jpg

使用off移除transitionend事件,是为了避免多次调用show方法,重复给元素绑定transitionend事件,造成多次触发“shown”事件。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

  • 提问者 WittChen #1
    老师看到您的回复,意思是过渡也算是一个事件,不需要我们去命名的,是自带的,是这个意思吧
    2020-05-18 11:55:08
  • 好帮手慕久久 回复 提问者 WittChen #2
    确切的说是过渡动画结束时会触发一个事件transitionend,这个事件和click一样,都是自带的。只是在不同的浏览器下,该事件名称有点区别,所以需要兼容处理一下。
    2020-05-18 13:26:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师