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

我正在尝试做一个非常简单的按钮,根据鼠标悬停,鼠标移动和点击改变颜色,我在原型中这样做,奇怪的是如果我使用鼠标悬停和鼠标移动,在我点击按钮后,按钮就不会变成白色,好像是因为鼠标输出,这是我的代码

$("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'; }

这样做的好处是可以将状态 - 单击/不单击和鼠标悬停在 - 而不是覆盖 - 从样式 - 黑色或灰色.现在,他们全都混在一起,造成混乱,并让自己打开虫子.