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- 事件对象,所以你的onoff函数都必须像这样开始:

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 回答