Bind a handler only once for all elements of the class

Question

How to associate the click event with the .myclass class so that the handler runs only once for all .myclass elements and does not execute again if the user clicks on another .myclass element.

$('.myclass').one('click', function() {...});

will execute the handler once for the .myclass element, but I need the handler to be executed once for all .myclass elements.

thank

Answer 1

Remove the event handler on first click

$('.myclass').on('click.custom', function () {
    $('.myclass').off('click.custom');

    // do stuff

});

Using events with names , make sure that you delete only this handler and not other click handlers.

Fiddle

Answer 2

You can use the delegated form one () :

$(document).one("click", ".myclass", function() {
    // ...
});

adeneo fiddle.