Javascript 物体（改变颜色）

Question

我试图在鼠标悬停在文本 "test" 上时改变颜色。我在这上面使用命名空间，但我似乎无法弄清楚为什么它不起作用。有人有什么建议吗？谢谢。

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>

Answer 1

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

代码必须如下所示（注意每行末尾缺少的括号）。

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

以这种方式使用它，您是将函数而不是同一函数的 return 值分配给您的事件处理程序。

Javascript 物体（改变颜色）

Javascript object (change color)

javascript

object

namespaces

mouseover

mouseout