For JavaScript Or JQuery, How To Make Transitionend Event Not Fire?

In the link: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions it is said that: Note: The transitionend event doesn't fire if the transition is aborted

Solution 1:

Couldn't you give it a new class that overrides the transition property, removing it?

Your current code is like:

.myelem { transition: 0.5s all; }

You would add this code:

.alsothis { transition: none; }

When you apply the alsothis class to your element, the new transition property value will override the other one, removing the animation effect.