How to Wait For Animation Finish Before Allowing New Click Events?

[karlshaver]

Hi everyone,

I have a timeline applied to a click event and am happy with how the animation is functioning, but, if you click again before the timeline is finished, the function will cancel the currently acting timeline. See my codepen example, the function makes the circle bounce in where the user clicks. However, if you move the cursor quickly and click again elsewhere, it moves the circle and cancels the animation. I would like to ignore all click events until the currently acting timeline is finished. What would you all recommend?

Thanks,

-Karl

 

See the Pen gwGWEP by karlshaver (@karlshaver) on CodePen

[OSUblake]

You can use .isActive() to check if the animation is running.

See the Pen dpVRqX?editors=0010 by osublake (@osublake) on CodePen

[karlshaver]

Great, that works, thanks so much!