Firefox 5 dispatchEvent in Firefox

Question

I have some code that uses dispatchEvent to simulate clicks and the same exact code works fine in Chrome but doesn't work in Firefox. Here's the code:

var evt = document.createEvent("MouseEvents");
evt.initEvent("click",true,true);
jQuery("a:contains(Next)")[0].dispatchEvent(evt);

I'm clicking on a link that loads another page and the page loads fine in Chrome but Firefox does absolutely nothing when I run this code in Firebug or even when I execute it as a bookmarklet. I've also tried the long form of event initializing by setting all the options as shown on the MDC docs but that doesn't do anything. What exactly am I doing wrong here?

hornetbzz · Accepted Answer · 2018-02-16T11:27:43.823

As your event looks to be a mouse event, you may rather try using a mouse event, like this example :

var oEvt = (document.createEvent)? document.createEvent('MouseEvents') : document.createEventObject();    
       // W3C
        if (oEvt.initMouseEvent) 
            oEvt.initMouseEvent(
                /* type*/            'mouseup',
                /* bubble*/            true,
                /* cancel*/            true,
                /* AbstractView*/     window,
                /* detail */        10,
                /* screenX */        20,
                /* screenY */        30, 
                /* clientX */        40,
                /* clientY */        50,
                /* ctrlKey */        false,
                /* altKey */        false,
                /* shiftKey */        true,
                /* metaKey */        false,
                /* button */        0,
                /* relatedTarget*/    null ) ;
        // MSIE
        else {
                var oEvt = document.createEventObject(); 
                oEvt.detail = 10;
                oEvt.screenX = 20;
                oEvt.screenY = 30;
                oEvt.clientX = 40;
                oEvt.clientY = 50;
                oEvt.ctrlKey = false;
                oEvt.altKey = false;
                oEvt.shiftKey = true;
                oEvt.metaKey = false;
                oEvt.button = 0;
                oEvt.relatedTarget = null;
        }

See W3C Mouse event types

I also wrote a tutorial in French language about firing DOM events ; I guess it's easy to get it translated.

Still the same thing. I just get `true` as the return value of `dispatchEvent` and nothing happens. — David K., Jun 25 '11 at 01:08
@david: you may read [the very last chapter](http://hornetbzz.developpez.com/tutoriels/javascript/dom/#L5-E-1-C) even if you can't read french. — hornetbzz, Jun 25 '11 at 01:44
@david: thx. In bwn, the [best link](http://www.howtocreate.co.uk/tutorials/javascript/domevents) I know about DOM events. — hornetbzz, Jul 10 '11 at 03:24

score 0 · Answer 2 · answered Apr 24 '14 at 12:15

0

This is a bug in Firefox, see this:

https://bugzilla.mozilla.org/show_bug.cgi?id=395917

I don't know of any way to get around it I'm afraid.

answered Apr 24 '14 at 12:15

Magne

16,401
10
68
88

Firefox 5 dispatchEvent in Firefox

2 Answers2

Linked