长按之后按钮不会恢复

在长按某个键之后松开样式没有恢复...

[soyaine]

@Liubara 请具体说明任务名称和编号

第一个鼓点，在长按asdfghjkl等键松开之后样式木有清除...

[kanbykanby]

removeTransition()里面直接写this.classList,remove('playing');就不会出现这种情况了，我也不知道为什么。。。。

[Yanfei-Qiao]

我也遇到这个问题，但发现原因并不是this.classList或者event.target.classList，而是在过滤事件的代码中
if (event.propertyName !== 'transform') return;
这里如果是transform或者box-shadow就会出现长按样式不能恢复的情况；
如果改成检测border-left-color或者其他几个边框颜色就不会出现这个问题。
感觉原因是浏览器多过渡动画的优化导致的，在连续点击时不明显的动画就不执行了（反正也看不出来），以提高性能。在输出event.propertyName时，按住不放的输出如下：
border-right-color0.07
border-bottom-color0.07
border-top-color0.07
transform0.07
border-left-color0.07
box-shadow0.07

border-right-color0.07
border-bottom-color0.07
border-top-color0.07
transform0.07
border-left-color0.07
box-shadow0.07

transform0.039687321288511164
border-right-color0.039687321288511164
border-bottom-color0.039687321288511164
border-top-color0.039687321288511164
border-left-color0.039687321288511164
box-shadow0.039687321288511164

border-right-color0.023046654416248202
border-top-color0.023046654416248202
border-left-color0.023046654416248202
border-bottom-color0.023046654416248202

另外在检测transform或者box-shadow属性时，如果将样式中的transition时间改长一些（我改的2s）也不会出现样式不恢复问题。

[carwinlu]

在长按某个键之后松开样式没有恢复...

是这样的！把监听transitionend 改成了监听“keyup”好像可以解决

[Lcisegoist]

应该是如果最后一次transitionend是border-color其他变化就不会执行类的remove所以不会恢复，虽然一次keyup是以transform结尾但你松下键盘那一刻的事件不一定是transform