0

我制作了一个简单的脚本，当悬停在外部 div 上时会显示一个 div（在另一个内部）（这有意义吗？）

无论如何，这是代码。

for (var ost = 1; ost <= 16; ost++) {
        var maelk = String("sovs"+ ost);
        document.getElementById(maelk).addEventListener('mouseover', on, false);
        document.getElementById(maelk).addEventListener('mouseout', off, false);
        }

    function on(e) {
        var t=e.currentTarget.id;
        var g= t.substr(4,5);
        var v="celltext" + g;
        $("#"+v).show();
            //stop(true, false).fadeIn("slow");
    }

    function off(e) {
        var t=e.currentTarget.id;
        var g= t.substr(4,5);
        var v="celltext" + g;

        $("#"+v).hide();
            //stop(true, true).fadeOut("slow");

    }

但这在 Internet Explorer 上不起作用。我听说原因是 addEventListener。所以我尝试将代码编辑为：

for (var ost = 1; ost <= 16; ost++) {
        var maelk = String("sovs"+ ost);
        var maelkelement = document.getElementById(maelk);

    if (!maelkelement.addEventListener) {
        maelkelement.attachEvent('mouseover', on, false);
        maelkelement.attachEvent('mouseout', off, false);
    }
    else {
        maelkelement.addEventListener('mouseover', on, false);
        maelkelement.addEventListener('mouseout', off, false);
    }

    function on(e) {
        var t=e.currentTarget.id;
        var g= t.substr(4,5);
        var v="celltext" + g;
        $("#"+v).show();
            //stop(true, false).fadeIn("slow");
    }

    function off(e) {
        var t=e.currentTarget.id;
        var g= t.substr(4,5);
        var v="celltext" + g;

        $("#"+v).hide();
            //stop(true, true).fadeOut("slow");

    }

唯一的区别是 IF 语句与 IE 通信。但这不起作用。

有人有什么想法吗？

非常感谢您的帮助，并在此先感谢您

问候， 马蒂亚斯

4

3 回答 3

0

使用时事件名称略有不同attachEvent。您需要使用'onmouseover'and'onmouseout'来代替：

if (!maelkelement.addEventListener) {
    maelkelement.attachEvent('onmouseover', on);
    maelkelement.attachEvent('onmouseout', off);
}

也可以看看：

于 2012-08-06T11:21:11.430 回答
0

如果这适用于第一个元素，我会感到惊讶，因为在引用之前尚未定义 on 和 off 函数。我会改为

var on = function(e) {...}
var off = function(e) {...}
for(...) {
  ....addEventListener(..., on, false);
  ....addEventListener(..., off, false);
}
于 2012-08-06T11:26:56.623 回答
0

Zeta 是对的：使用onmouseoverand onmouseout，但这仍然不能解决您的问题。除此之外，重要的是要注意 IE 默认情况下不会将事件对象传递给处理程序。相反，IE 只有一个 -global- 事件对象，所以你的on和off函数都必须像这样开始：

function onOrOff(e)
{
    e = e || window.event;//get the global event for ie
    var target = e.target || e.srcElement;//IE's bubbling model doesn't have a target, but a source element
    //Now you can finally get some work done
    if (e.preventDefault)
    {
        e.preventDefault();
        e.stopPropagation();
        return;
    }
    e.returnValue = false;
    e.cancelBubble = true;//bubbling || propagation and preventDefault works differently, too
}

最后：再次感谢冒泡模型 IE 不支持事件捕获。因此，该attachEvent方法没有第三个参数，因此在 IE 分支中松开 false ，您应该已准备就绪

于 2012-08-06T11:27:57.540 回答