24

I'm attempting to write a Vimperator plugin to allow use of hints mode to simulate mouse over on drop down menus. I have the hints mode working and can correctly choose elements that have mouseover events attached. The problem is my function to simulate the mouse over is not working. This is what I currently have:

function SimulateMouseOver(elem)
{
    var evt = elem.ownerDocument.createEvent('MouseEvents');
    evt.initMouseEvent('mouseover',true,true,
        elem.ownerDocument.defaultView,0,0,0,0,0,
        false,false,false,false,0,null);
    var canceled = !elem.dispatchEvent(evt);
    if(canceled)
        alert('Event Cancelled');
}

The above code works for some pages but not for others. For example it doesn't work on AccuWeather. Any ideas how to simulate a mouse over that will work for most pages?

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
Stephan
  • 5,430
  • 2
  • 23
  • 31

3 Answers3

23

here's some code to start with to create the event, simpler and works for more browsers (if you don't need to specify exact mouse coordinates)

        if( document.createEvent ) {
            var evObj = document.createEvent('MouseEvents');
            evObj.initEvent( 'mouseover', true, false );
            elem.dispatchEvent(evObj);
        } else if( document.createEventObject ) {
            elem.fireEvent('onmouseover');
        }

hope that helps

Keith Bentrup
  • 11,834
  • 7
  • 49
  • 56
  • just looked up vimperator, i see that it's a firefox plugin so i guess compatibility is not an issue ;) – Keith Bentrup May 28 '09 at 04:02
  • You are write to note that compatibility isn't an issue. Unfortunately that doesn't appear to work either. I just can't understand why some website's correctly fire the mouseover event and some don't. – Stephan May 28 '09 at 12:54
  • You may want to use `initMouseEvent` instead of `initEvent` if you need to set more mouse-specific event properties. See https://developer.mozilla.org/en/docs/DOM/event.initMouseEvent – Georgii Ivankin Apr 11 '13 at 13:41
7

In case anyone bumps into this looking for a framework agnostic way to fire any HTML and Mouse event (and set some options, if needed), have a look here: How to simulate a mouse click using JavaScript?

Community
  • 1
  • 1
TweeZz
  • 4,779
  • 5
  • 39
  • 53
0

You may only trigger mouseover event on fields/elements that have a mouseover event bound to them. You can't just hijack the mouse.

Dmitri Farkov
  • 9,133
  • 1
  • 29
  • 45
  • I know that and the only elements that match the hints are elements with a onmouseover attribute. I have checked that the element that is getting passed to the function has an onmouseover attribute that is a function. Everything looks correct except for the fact the the menu doesn't drop down on some pages. – Stephan May 26 '09 at 16:58