How can I prevent my function to fire multiple times on one change?

Asked May 03 '17 at 16:46

Active May 03 '17 at 16:55

Viewed 116 times

$(document).ready(function () {
   $(".datepicker").on("change", function () {
      console.log("success");
  });
});

When I click on my datepicker in my console I get the following result:

success
success
success

I do not know why it is three time, but I need it only once. So at the end of the function I put

$(this).unbind( "change" );

Now in my console the result is like expected:

success

But now, if I select the datepicker another time, then nothing is happening in the console.

The result I which is I want to be able to click the datepicker multiple times, but EACH time I click it, the console should show only ONCE:

success

edited May 03 '17 at 16:55

asked May 03 '17 at 16:46

peace_love

Please post a [mcve] in your question – j08691 May 03 '17 at 16:47
@j08691 ok, I will try to make one – peace_love May 03 '17 at 16:48
after unbind you have to bind the event again, may be on focus – Karthik Ganesan May 03 '17 at 16:49
Listen for `input`, not `change`. Check the result; it might be that you assign too many handlers instead of just a single one. – raina77ow May 03 '17 at 16:50
2

instead of click event. Please use datepicker events methods – ganesh deshmukh May 03 '17 at 16:50
Might want to take a look at http://stackoverflow.com/questions/14969960/jquery-click-events-firing-multiple-times – Heretic Monkey May 03 '17 at 16:51
Here is the fiddle: http://jsfiddle.net/LcqM7/982/ – peace_love May 03 '17 at 16:53
Sound like you need debouncing. I couldn't find anything like officially / community accepted solution, but googling will lead you to many solutions. Also, event firing several times may be result of listener installed several times, so i want to recommend double-check you code, that happens often with ajax calls that insert raw html – Etki May 03 '17 at 16:54
@ganesh good idea – peace_love May 03 '17 at 16:54
@ganesh worked very well. – peace_love May 03 '17 at 17:01

0 Answers0