监听动画事件无效 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 这个帖子相同问题到现在都没官方回答