Adding multiple functions to an existing funtion in an event handler

[pronerd]

Does any one know how to add a function to an event handler with out losing the current event handler?

For example you can add multiple functions to a single event handler with something like :

var someEle = document.getElementById( 'someId' );
if( someEle == null ) { return false; }
someEle.onmouseover = new Function(" someFunction1(); someFunction2(); ");

But if you do not know what if you do not know what someFunction1() is can you still add someFunction2() to this event handler without losing its existing function call(s)?


Some thing like

var someEle = document.getElementById( 'someId' );
if( someEle == null ) { return false; }
someEle.onmouseover = someEle.onmouseover + new Function(" someFunction2(); ");

I can not find anything that works.

[pronerd]

DOH!!!! Never mind. What I had was working. I was making a really stupid brain dead mistake and it was never being called.

[pronerd]

Ok never mind the never mind it is not working after all.


any ideas?

[mrhoo]

function addEvent(hoo,wot,fun){
    if(hoo.attachEvent) hoo.attachEvent('on'+ wot,fun);
    else if(hoo.addEventListener){
        hoo.addEventListener(wot,fun,false);
    }
}

addEvent(window,'load',somefunction);
addEvent(window,'load',someotherfunction);
or
addEvent(anyelement,'click',somefunction);
addEvent(anyelement,'click',someotherfunction);
addEvent(anyelement,'click',andyetanotherfunction) ;

All the functions are called on the selected event type for the window or element

[acoder]

function addEvent(hoo,wot,fun){
    if(hoo.attachEvent) hoo.attachEvent('on'+ wot,fun);
    else if(hoo.addEventListener){
        hoo.addEventListener(wot,fun,false);
    }
}

That's a useful function. Gets rid of the browser incompatibilities in a neat way.

If you want to see this explained in more detail, see this page.

[sumittyagi]

function addEvent(hoo,wot,fun){
    if(hoo.attachEvent) hoo.attachEvent('on'+ wot,fun);
    else if(hoo.addEventListener){
        hoo.addEventListener(wot,fun,false);
    }
}

addEvent(window,'load',somefunction);
addEvent(window,'load',someotherfunction);
or
addEvent(anyelement,'click',somefunction);
addEvent(anyelement,'click',someotherfunction);
addEvent(anyelement,'click',andyetanotherfunction) ;

All the functions are called on the selected event type for the window or element

I am confused here.
can we attach more than one function to a given event of a given element at the same time. I think it is not possible. (although calling a function from other function is a different issue).

I think here:
addEvent(window,'load',somefunction);
addEvent(window,'load',someotherfunction);

second line will attach someotherfunction to load event, and somefunction will be replaced.

any comments?

[acoder]

I am confused here.
can we attach more than one function to a given event of a given element at the same time. I think it is not possible. (although calling a function from other function is a different issue).

I think here:
addEvent(window,'load',somefunction);
addEvent(window,'load',someotherfunction);

second line will attach someotherfunction to load event, and somefunction will be replaced.

any comments?

See the link that I gave above. You can do exactly that - attach more than one event to an element.

[pronerd]

addEvent(window,'load',somefunction);
addEvent(window,'load',someotherfunction);
or
addEvent(anyelement,'click',somefunction);
addEvent(anyelement,'click',someotherfunction);
addEvent(anyelement,'click',andyetanotherfunction) ;

Thanks!!!!