如何多次触发关键帧动画（在每个模糊事件上）？

Question

我定义了一个这样的简单动画：

@keyframes fullScale {
   0% {
      transform: scale(0);
   }
   100% {
      transform: scale(1);
   }
}

并将其附加到CSS类：

.updated-animation {
  animation: fullScale 0.3s ease-in;
}

然后我尝试动态添加/删除此类，以便在用户的焦点丢失时需要进行动画处理。所以，我在这些HTML元素上使用了onblur="update(this);"。jquery代码如下所示：

function update(element) {
  $(element).removeClass('updated-animation');
  $(element).addClass('updated-animation');
}

动画仅对第一个模糊事件按预期工作。

但是，即使每次调用事件侦听器并且我不断删除并重新添加类，后续事件也不会触发动画。代码有什么问题？ 如何根据需要多次获得动画效果？