收藏
回答

监听动画事件无效 4个监听3个没效果?

原本写了一个动画效果,希望可以动画可以循环,https://developers.weixin.qq.com/community/develop/doc/000044dff8c5389eba690f7ad56000?highLine=Animation%25E5%25BE%25AA%25E7%258E%25AF 社区帖子,也是同样需求,根据技术推荐,尝试用bindtransitionend bindanimationstart bindanimationiteration bindanimationend 来监听动画事件,四个都尝试了,就bindtransitionend有效果,其他三个没有作用。

bindtransitionend="transEnd" bindanimationstart="animationStart" 
bindanimationiteration="animationStepEnd" bindanimationend="animationEnd"
transEnd(){
  console.log('trans end')
},
animationStart(){
  console.log('animation start')
},
animationStepEnd(){
  console.log('animation step end')
},
animationEnd(){
  console.log('animation end')
}

this.animation.opacity(1).step({duration: 1000})
this.animation.right('100rpx').step({duration: 3000})
this.animation.opacity(0).step({duration: 1000})
this.animation.right('-100rpx').step({duration: 0})

结果是bindtransitionend 每个step执行一次,其他三个完全不执行,希望官方看一下。

https://developers.weixin.qq.com/community/develop/doc/000680bc448450026116253cc56c00 这个帖子相同问题到现在都没官方回答

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签