Adding functionality to a pre-defined event in JavaScript

Question

Is there a way in JavaScript that I can override an event, but still call the original event's code? I basically want to add a single line of code to the end. So for example:

Original function

function DropDownList_OnFocus(a, b) {
    // Original Code
}

What I'd need

function DropDownList_OnFocus(a, b) {
    // Original Code
    // New Code        
}

so you want to update an event handler not the event itself? why not simply add another event handler for the same event? — gurvinder372
– gurvinder372, Commented Jan 29, 2016 at 11:44
Hi @gurvinder372, that's correct, however I need to ensure that the additional code is executed after the original event. I think adding another event handler could have unpredictable results in some cases. — Scott Hulme
– Scott Hulme, Commented Jan 29, 2016 at 11:50
unless your event handlers have asynch processing, they will be executed in the order of addition to the event stackoverflow.com/questions/18821625/… — gurvinder372
– gurvinder372, Commented Jan 29, 2016 at 11:52

Mukesh Saini · Accepted Answer · 2016-01-29 12:08:38Z

0

Event handlers always execute sequentially in the order they were bound.

So You can simply add another event handler for the same event on the same element and put more/remaining code in the second event handler.

answered Jan 29, 2016 at 12:08

Mukesh Saini

1,4981 gold badge9 silver badges16 bronze badges

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

Comments

Scott Hulme · Accepted Answer · 2016-01-29 15:21:22Z

0

I've managed to get it working using the following:

var base = DropDownList.OnFocus;
var DropDownOnFocusOverride = (function () {
    return function () {
        base();
        // Additional Code
    }
});

DropDownList.OnFocus = DropDownOnFocusOverride();

answered Jan 29, 2016 at 15:21

Scott Hulme

1241 silver badge8 bronze badges

Collectives™ on Stack Overflow

Adding functionality to a pre-defined event in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related