CSS实现节流防抖防止按钮重复点击

1、实现代码

.wbbutton{
  animation: throttle 2s step-end forwards;
}
.wbbutton:active{
  animation: none;
}
@keyframes throttle {
  from {
    pointer-events: none;
  }
  to {
    pointer-events: all;
  }
}

2、原理

3、参考文章

还在用 JS 做节流吗？CSS 也可以防止按钮重复点击