Eu estou tentando simular eventos de mouse como clique, mouseover etc no aplicativo construir em ExtJs. Estou usando o código abaixo para simular clique

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

Isso funciona bem no chrome e no firefox, mas nunca funciona no IE9 e no IE10. Se eu usar btn.fireEvent ('onlclick') então funciona bem no IE9 (não verificado no IE10). document.createEvent é suportado no IE9 e IE10, mas não tenho certeza porque meu código não está funcionando.