Question

I have a button with a click event (from a 3. party library) which submits a form. I like to remove the click event, add my own function and call the original event after a validation.

I thought i just add an event.stopImmediatePropagation(); but that did not work. Maybe because of the order the events where added(?).

Is the another way to manage the event execution?

Or how can I get the old event to do something like this:

originalClickEvent = $('#button').doSomeMagicAndGetTheEvent('click');
$('#button').unbind();
$('#button').bind('click', function (event) {
  if (valid()) originalClickEvent();
});

Answer 1

Look here Remove all JavaScript event listeners of an element and its children?

After you remove the event listeners you can attach your custom event.

If I’ve understood you correctly this is the effect you’re searching for: http://jsfiddle.net/ftGHq/