Question

In my extension I need, under certain circumstances, to display the context menu as if it had been clicked on a different element. E.g: I right-click on a certain element on a page, but the context menu should be displayed as if under the cursor there wasn’t the element above, but rather a different element I specify.

I tried doing this in the popupshowing handler this by:

window.addEventListener( "load", function() {
    var contextMenu = document.getElementById("contentAreaContextMenu");
    if (contextMenu) {
        contextMenu.addEventListener("popupshowing", function(event) {
            if (document.popupNode !== newElement) {
                event.preventDefault();
                synthesizeMouse(newElement, 2, 2, { type: "contextmenu", button: 2 }, newElement.ownerDocument.defaultView);
            }
        }, false);
    }
}, false );

newElement is the element that should be “clicked on”, and synthesizeMouse is defined here. Unfortunately, it doesn’t work (if I actually click on newElement the context menu is shown correctly, if I click anywhere else the context menu is not shown at all). Can anybody see why this isn’t working?

Answer 1

This is just a bit of a wild guess, but because you’re doing this while the context menu from the first event is already opening, maybe this is is blocking the context menu from opening again. Try sending the event 10ms later, so that the original context menu has already closed.