Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have this function that is triggered if a user clicks a div. The user can click this div many times, thus triggering the function many times.
Every time the function is called while it is already running, I want the currently running function to stop running and start over. This is hard to describe but I hope it makes sense. Essentially, I want the function to run completely through only if the user does not trigger the function again while it is running.
Is there a way to do this?
Javascript is single threaded. Thus the second clicks will not get processed until the javascript attached to the first click has run to completion.
You can read more about how the javascript event queue works here: How does JavaScript handle AJAX responses in the background?
If you are using asynchronous operations like jQuery animations, then those are run in little pieces off timers and you can get subsequent button presses while an animation is run. In that cause, you would need to stop the animation. With jQuery, you would use the
.stop(true, true)method to stop the current animation, advance it to completion and clear it from the queue.If you include your actual code, we could give a more specific answer for your situation.