How can I call mouseover event handler programmically in JavaScript

Question

Hi,

In my html, I have an html element with a mouseover event handler. Can you please tell me if it is possible for me to invoke that event handler programmically in JavaScript?

Thank you.

Answer 1

You can use the fireEvent method available for IE. I am not sure if this will work for FF or other browsers. you can simply fire the event by

buttonObject.fireEvent('onclick');

For more details have a look at MSDN.

Answer 2

It is possible. Here's a cross browser function to fire an event:

function eventFire(el, etype){
    if (el.fireEvent) {
      el.fireEvent('on' + etype);
    } else {
      var evObj = document.createEvent('Events');
      evObj.initEvent(etype, true, false);
      el.dispatchEvent(evObj);
    }
}
// => exmaples
// => eventFire(myDiv,'mouseover');
// => eventFire(myButton,'click');