如何使點擊功能不會只持續按住鼠標？

Question

我試圖讓我的搜索框在點擊時改變不同的顏色，但此刻它只在我按住鼠標的時間內改變顏色。只要我放開按下光標，它就會變回。我怎樣才能讓它變色，但只要我點擊頁面上的其他東西（甚至是空白），它就會變回原來的顏色？

看看這個：

http://jsfiddle.net/LPVfn/

乾杯！

詹姆斯

Answer 1

使用

.search:focus 

代替

.search:active 

Answer 2

有一個叫HoverIntent一個js庫。也許你可以用它來達到預期的效果。

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

我目前使用它來延遲幾毫秒顯示DIV提示用戶將鼠標懸停在搜索框後。