Combining two event handling into a single event handling

Question

I'm trying to combine two of my codes which are identical, they only differ in the event handler. When the website is loaded it fires up my functions and if the user resizes it's browser it will update the variables and runs the function again.

$(window).load(function() {

        $(!agent) {

            var milk   = $().height(),
                choco  = $().width();

            doThis();

        } else {
            var orange  = $().length(),
                apple   = $().width();

            orThis();
        }

});

$(window).resize(function() {

        $(!agent) {

            var milk   = $().height(),
                choco  = $().width();

            doThis();

        } else {
            var orange  = $().length(),
                apple   = $().width();

            orThis();
        }

});

score 2 · Accepted Answer · answered Jul 04 '14 at 22:29

Or you can define the function:

function mySuperDuperEventHandler()
{
    $(!agent) {

        var milk   = $().height(),
            choco  = $().width();

        doThis();

    } else {
        var orange  = $().length(),
            apple   = $().width();

        orThis();
    }
}

And then assign it as the event handler:

$(window).on('load resize',mySuperDuperEventHandler);

score 1 · Answer 2 · answered Jul 04 '14 at 22:25

you can combine multiple events with the on() listener.

$(window).on('load resize',function() {

        $(!agent) {

            var milk   = $().height(),
                choco  = $().width();

            doThis();

        } else {
            var orange  = $().length(),
                apple   = $().width();

            orThis();
        }

});

Combining two event handling into a single event handling

2 Answers2