Javascript dispatchEvent click在IE9和IE10中无法工作

Question

我正在尝试在使用ExtJs构建的应用程序中模拟鼠标事件，如单击、悬停等。我使用以下代码来模拟单击：

function triggerEvent(element, eventName)
{
    if (document.createEvent)
    {
        var evt = document.createEvent('MouseEvents');
        evt.initEvent(eventName, true, true);

        return element.dispatchEvent(evt);
    }
}

var btn = document.getElementById("loginButton");

triggerEvent(btn, "click");

这段代码在谷歌浏览器和火狐浏览器上可以正常工作，但在IE9和IE10上从未生效。如果我使用btn.fireEvent('onclick')，则在IE9上可以正常工作（未在IE10上检查）。document.createEvent在IE9和IE10中受支持，但我不确定为什么我的代码无法运行。

- Muthu

---

请查看此链接：https://dev59.com/N1nUa4cB1Zd3GeqPcaRs#6838705 - Dinesh

Answer 1

我曾经遇到过关于自定义事件的问题，后来通过使用此其他问题中找到的代码解决了问题： Custom events in IE without using libraries

实际上你不需要使用所有的代码，只需使用3个函数作为浏览器兼容性的包装器即可。

但是我还建议您使用.click方法，这将更轻松地解决您的问题（至少对于普通点击） http://www.w3schools.com/jsref/met_html_click.asp

所以只需执行以下操作：

document.getElementById("loginButton").click();

我在这里粘贴来自sergey gospodarets的代码，可能会有所帮助。

    function triggerEvent(el,eventName){
        var event;
        if(document.createEvent){
            event = document.createEvent('HTMLEvents');
            event.initEvent(eventName,true,true);
        }else if(document.createEventObject){// IE < 9
            event = document.createEventObject();
            event.eventType = eventName;
        }
        event.eventName = eventName;
        if(el.dispatchEvent){
            el.dispatchEvent(event);
        }else if(el.fireEvent && htmlEvents['on'+eventName]){// IE < 9
            el.fireEvent('on'+event.eventType,event);// can trigger only real event (e.g. 'click')
        }else if(el[eventName]){
            el[eventName]();
        }else if(el['on'+eventName]){
            el['on'+eventName]();
        }
    }
    function addEvent(el,type,handler){
        if(el.addEventListener){
            el.addEventListener(type,handler,false);
        }else if(el.attachEvent && htmlEvents['on'+type]){// IE < 9
            el.attachEvent('on'+type,handler);
        }else{
            el['on'+type]=handler;
        }
    }
    function removeEvent(el,type,handler){
        if(el.removeventListener){
            el.removeEventListener(type,handler,false);
        }else if(el.detachEvent && htmlEvents['on'+type]){// IE < 9
            el.detachEvent('on'+type,handler);
        }else{
            el['on'+type]=null;
        }
    }

    var _body = document.body;
    var customEventFunction = function(){
        alert('triggered custom event');
    }
    // Subscribe
    addEvent(_body,'customEvent',customEventFunction);
    // Trigger
    triggerEvent(_body,'customEvent');

- Marco Pappalardo

---

是的，document.getElementById("loginButton").click(); 完美地运行了。 - smirkingman

htmlEvents对象来自哪里？ - Michael McLaughlin

Answer 2

没有读取你的问题，我可以告诉你 fireEvent 在 IE11 上也可以工作，例如 WMP.fireEvent("onmouseup")，其中 WMP 是 [我的] windowsmediaplayer 对象元素....

更糟糕的是，if(attachEvent) 有时会抛出错误而不是移除 false ...。

- Mr. Raymond Kenneth Petry