Javascript dispatchEvent click在IE9和IE10中不起作用

我试图在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");

---

这在chrome和firefox上运行良好，但在IE9和IE10上永远不起作用。如果我使用btn.firefevent（'onclick'），那么它在IE9中可以正常工作（在IE10中没有选中）。IE9和IE10中支持document.createEvent，但我不确定为什么我的代码不起作用

不久前，我在自定义事件方面遇到了同样的问题，并通过使用另一个问题中的代码解决了这个问题：

实际上，您不需要使用所有的代码，它们是作为浏览器兼容性包装器使用的3个函数

但我也建议您使用.click方法，这将更容易解决您的问题（至少对于正常的单击）

那就这么做吧

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

我将另一个问题的代码粘贴在这里，这可能很有用

    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');

函数触发事件（el，事件名称）{
var事件；
if（document.createEvent）{
event=document.createEvent（'HTMLEvents'）；
initEvent（eventName，true，true）；
}else如果（document.createEventObject）{//IE<9
event=document.createEventObject（）；
event.eventType=eventName；
}
event.eventName=eventName；
if（el.dispatchEvent）{
el.调度事件（事件）；
}else if（el.firevent&&htmlEvents['on'+eventName]）{//IE<9
el.fireEvent（'on'+event.eventType，event）；//只能触发真实事件（例如“单击”）
}else if（el[eventName]）{
el[eventName]（）；
}else if（el['on'+eventName]）{
el['on'+eventName]（）；
}
}
函数addEvent（el、类型、处理程序）{
如果（el.addEventListener）{
el.addEventListener（类型、处理程序、false）；
}else if（el.attachEvent&&htmlEvents['on'+type]）{//IE<9
el.attachEvent（'on'+类型，处理程序）；
}否则{
el['on'+类型]=处理器；
}
}
函数removeEvent（el、类型、处理程序）{
如果（el.removeventListener）{
el.removeEventListener（类型、处理程序、false）；
}else if（el.detachEvent&&htmlEvents['on'+type]）{//IE<9
el.detachEvent（'on'+类型，处理程序）；
}否则{
el['on'+类型]=null；
}
}
var_body=document.body；
var customEventFunction=函数（）{
警报（“触发的自定义事件”）；
}
//订阅
addEvent（_body，'customEvent'，customEventFunction）；
//触发
triggerEvent（_body，'customEvent'）；

不用阅读您的问题，我可以告诉您fireEvent甚至在IE11上也可以工作，例如

WMP.fireEvent（“onmouseup”）

其中WMP是[my]windowsmediaplayer对象元素

---

更糟糕的是，

if（attachEvent）

抛出错误，而不是将

false

取出……有时。

检查此文档。getElementById（“loginButton”）。单击（）；工作完美htmlEvents对象来自哪里？