将‘active’添加到html按钮不会应用:active psuedo类中提到的样式

<button id="myButton">Click Me</button>

<script>
  document.getElementById("myButton").addEventListener("click", function() {
    this.classList.add("active");
  });
</script>

<style>
  @keyframes buttonClick {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
  }

  .active {
    animation: buttonClick 0.3s;
  }
</style>

<button class="myButton" onclick="this.classList.add('active')">Click Me</button>