Event managment: Replace click event

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();
});

score 1 · Accepted Answer · edited May 23 '17 at 12:11

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/

edited May 23 '17 at 12:11

Community

1
1

answered Dec 21 '11 at 09:45

Minko Gechev

25,304
9
61
68

$('#button').unbind(); works fine but how do I get the old event? – PiTheNumber Dec 21 '11 at 09:49
Yes you did and this is a very creative solution. But maybe a little bit dirty ;) – PiTheNumber Dec 21 '11 at 10:11
Please don't sign your posts. – Lightness Races in Orbit Dec 21 '11 at 10:15
1

.. and add code into your _answer_. A link is great to supplement the answer, but it should still stand as an answer in its own right, with all the information contained in it to solve the problem. – Lightness Races in Orbit Dec 21 '11 at 10:29

score 0 · Answer 2 · answered Dec 21 '11 at 10:05

0

In case the click event is just bound to one function you could overwrite that function:

var oldFunction = theOldFunction;
function myFunction(control) {

    oldFunction(control);
}

$('#button').unbind();
$('#button').click(myFunction);

answered Dec 21 '11 at 10:05

Alex

32,506
16
106
171

Event managment: Replace click event

2 Answers2