#青训营笔记创作活动#
1月23日 打卡day9
今日学习
CSS实现节流:
1. 设置一个动画, from为pointer-events:none; to为pointer-envents: all;
2. animation设置为step-end forwards,可以很好控制pointer-events变化的时间点,0~2s内为none,一旦到达2s, 会立刻变成all, 由于forwards,会一直保持all的状态;最后再按下时把button:active的animation设为none
也就是松开时,动画重新执行一次

第二种方法就是监听一个document上的transitionstart和transitionend事件,改变触发事件的元素的disabled属性
展开
评论