如何在按住鼠标的同时使点击功能不能持久？

Question

我试图让我的搜索框在点击时更改不同的颜色，但此刻它只会在我按住鼠标的持续时间内改变颜色。一旦我松开按下光标，它就会变回来。如何改变颜色，但一旦我点击页面上的其他东西（甚至是空白），它就会变回原来的颜色？

看看这个：

http://jsfiddle.net/LPVfn/

干杯！

詹姆斯

Answer 1

使用

.search:focus

而不是

.search:active

Answer 2

有一个名为HoverIntent的js库。也许你可以用它来获得理想的效果。

http://cherne.net/brian/resources/jquery.hoverIntent.html

我正在使用它来延迟在用户将鼠标悬停在搜索框上后显示div工具提示几毫秒。