Jquery execute function only once

Question

I have code:

$(Page).on('click', '*', function(e)
{
    myFunction();
}

function myFunction(){//do something...}

I would like the code in the function to be done only once, now when I click, for example, 5 times, the code from the function myFunction() will be executed 5 times. I don't want to change on('click', '*', ...

Use one() instead of on(). It behaves the same, but it unbinds after the first time it executes. — Taplar
– Taplar, Commented Apr 5, 2018 at 16:49
Possible duplicate of Simplest/Cleanest way to implement singleton in JavaScript? — Nelson Teixeira
– Nelson Teixeira, Commented Apr 5, 2018 at 16:50
a global var? myfunctionRunned = false; and when is executed inside myFunction() just ask if(myfunctionRunned) — Roy Bogado
– Roy Bogado, Commented Apr 5, 2018 at 16:52

rollstuhlfahrer · Accepted Answer · 2018-04-05 19:03:03Z

1

Use jQuery's one method.

Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

Simply change your .on to .one.

$(Page).one('click', '*', function(e) {
  myFunction();
});

function myFunction() {
  // do something
}

Here's the documentation for one

edited Apr 5, 2018 at 19:03

rollstuhlfahrer

4,0789 gold badges28 silver badges38 bronze badges

answered Apr 5, 2018 at 16:52

Philipp Meissner

5,4925 gold badges38 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ele · Accepted Answer · 2018-04-05 16:53:06Z

0

You can use the function $.one

$(Page).one('click', '*', function(e)
     myFunction();
});

Or, better:

$(Page).one('click', '*', myFunction);

Be careful with that event delegation who will bind the event click to the whole set of elements within the DOM tree of Page.

edited Apr 5, 2018 at 16:53

answered Apr 5, 2018 at 16:52

Ele

33.8k7 gold badges43 silver badges80 bronze badges

1 Comment

Taplar Over a year ago

Uh, it doesn't bind to all of them, it just matches against all the children. It's still just bound to whatever Page is.

Collectives™ on Stack Overflow

Jquery execute function only once

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related