gpt4 book ai didi

javascript - attachEvent 带来麻烦

转载 作者:行者123 更新时间:2023-11-30 08:17:07 25 4
gpt4 key购买 nike

我正在尝试在 JavaScript 中做水平下拉菜单。它在 Firefox 和 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";
}

它似乎在提示this。我知道在 IE 中事件监听器函数不是复制而是引用,这就是为什么 this 给我一个问题。有办法解决这个问题吗?

我什至尝试为 IE 的 attachEvent 创建单独的函数并直接在其中创建对象路径,但它仍然在提示。

类似的东西:

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

注意:我确实打算用 jQuery 重写这个简单的菜单功能,但现在我对学习 JavaScript Core + DOM 很感兴趣,并且想找到解决这个问题的方法。

最佳答案

IE中事件的目标在event.srcElement中,其他浏览器中也可以从event.target中获取类似的信息。另请注意,IE 不会将事件作为参数传递给处理程序 - 它位于 window.event 中。所以,一个完整的解决方案:

if (!event)
{
event = window.event; //IE
}

var target;
if (event.target)
{
target = event.target;
}
else if (event.srcElement)
{
target = event.srcElement;
}

//From here on is your code, use target instead of this

参见 here更多血淋淋的细节。免责声明:我的代码未经测试。

关于javascript - attachEvent 带来麻烦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1249958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com