如何使点击功能不会只持续按住鼠标？

Question

我试图让我的搜索框在点击时改变不同的颜色，但此刻它只在我按住鼠标的时间内改变颜色。只要我放开按下光标，它就会变回。我怎样才能让它变色，但只要我点击页面上的其他东西（甚至是空白），它就会变回原来的颜色？

看看这个：

http://jsfiddle.net/LPVfn/

干杯！

詹姆斯

Answer 1

使用

.search:focus 

代替

.search:active 

Answer 2

有一个叫HoverIntent一个js库。也许你可以用它来达到预期的效果。

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

我目前使用它来延迟几毫秒显示DIV提示用户将鼠标悬停在搜索框后。