原型点击、鼠标悬停和鼠标移开不能一起工作？

我正在尝试做一个非常简单的按钮，它根据鼠标悬停、鼠标移出和改变颜色 单击，我正在原型中执行此操作，奇怪的是如果我使用鼠标悬停和鼠标移出， 单击按钮后，按钮不会变为白色，似乎是因为鼠标移开，这是我的代码

$("izzy").observe('mouseover', function() {
     $('izzy').setStyle({ color: '#FFFFFF' });
});

$("izzy").observe('mouseout', function() {
     $('izzy').setStyle({ color: '#666666' });
});

$("izzy").observe('click', function() {
     $('izzy').setStyle({ color: '#FFFFFF' });
});

我该如何修复它？谢谢。

除非鼠标悬停时发生其他事情，否则为什么不使用 css 呢？

#izzy:hover { color: '#FFFFFF'; }

然而，我对你到底想要发生什么有点困惑。假设您希望按钮在被单击或鼠标悬停在按钮上时呈白色。我会让点击事件处理程序添加一个点击类，如下所示：

$("izzy").observe('click', function() {
    $('izzy').addClass('selected');
});

CSS也是如此

#izzy { color: '#666666'; }
#izzy:hover, #izzy.selected { color: '#FFFFFF'; }

这样做的优点是将状态（单击/未单击和鼠标悬停/未悬停）与样式（黑色或灰色）分开。现在它们都混合在一起，造成混乱并容易出现错误。