Javascript对象(更改颜色)

Javascript对象(更改颜色),javascript,object,namespaces,mouseover,mouseout,Javascript,Object,Namespaces,Mouseover,Mouseout,当我用鼠标悬停在文本测试上时,我试图使它改变颜色。我在这个问题上使用了名称空间,但我似乎不明白为什么它不起作用。有人有什么建议吗?谢谢 var $MinNamespace = {}; $MinNamespace.mouseOver = function() { document.getElementById("text").style.color = "blue"; } $MinNamespace.mouseOut = function() { d

当我用鼠标悬停在文本测试上时,我试图使它改变颜色。我在这个问题上使用了名称空间,但我似乎不明白为什么它不起作用。有人有什么建议吗?谢谢

var $MinNamespace = {}; 
$MinNamespace.mouseOver = function() {

        document.getElementById("text").style.color = "blue";
    }

$MinNamespace.mouseOut = function() {

        document.getElementById("text").style.color = "black";
    }
document.getElementById("text").onmouseover = $MinNamespace.mouseOver();
document.getElementById("text").onmouseout = $MinNamespace.mouseOut();

<div id="text" style="font-size:100px;">Test</div>

您正在将mouseOver/mouseOut的结果分配给事件处理程序。这些函数没有结果,所以什么都不会发生

代码必须如下所示,注意每行末尾缺少括号

document.getElementById("text").onmouseover = $MinNamespace.mouseOver;
document.getElementById("text").onmouseout = $MinNamespace.mouseOut;

通过这种方式,您将函数而不是同一函数的返回值分配给事件处理程序。

ooohh。。非常感谢你!如果这个答案满足你的问题,请接受它。