附件出问题

我正在尝试用JavaScript做下拉式水平菜单。它在火狐和Chrome上都很好用,但是在IE上给我带来了麻烦。

这是我的密码

function init(){

    hideAllSubMenu();

    var menuItem = document.getElementById("menu_wrap").getElementsByTagName("div");

    for(var index = 0; index < menuItem.length; index++)
    {
        // if firefox and all oother browsers
        if(typeof menuItem[index].addEventListener != "undefined")  
        {
            menuItem[index].addEventListener("mouseover", ShowListener, false);
            menuItem[index].addEventListener("click", ShowListener, false);
        }
        else //IE
        {
            menuItem[index].attachEvent("onclick", ShowListener);
            menuItem[index].attachEvent("onmouseover", ShowListener);
        }       
    }
}


function ShowListener(event)
{
    hideAllSubMenu();

    var menuItemIdStr = this.id;
    var menuItemIdNum = menuItemIdStr.replace(/menu/i, "");
    var subMenu = document.getElementById("submenu_wrap" + menuItemIdNum);

    subMenu.style.left = this.offsetLeft + "px";
    subMenu.style.top = this.offsetTop + this.offsetHeight + 2 + "px";
    subMenu.style.display = "block";
}

好像是在抱怨 这 . 我知道在IE事件中,侦听器函数不是复制的,而是引用,这就是为什么 这 给我一个问题。 有办法解决这个问题吗?

我甚至尝试为ie和path there对象直接创建单独的attachEvent函数,但是它仍然在抱怨。

像那样的

menuItem[index].attachEvent("onmouseover", ShowListenerIE(menuItem[index]));

注意:我计划将这个功能中的简单菜单重写为jquery,但目前我对学习javascript core+dom很感兴趣,希望找到解决这个问题的方法。

事先谢谢。