Как сделать так, чтобы функция при нажатии не сохранялась только при удерживании мыши?

Question

Я пытаюсь заставить мои поля поиска менять другой цвет при щелчке, но в данный момент он меняет цвет только на время, пока я удерживаю мышь.Как только я отпущу нажатие на курсор, он снова возвращается.Как сделать так, чтобы он менял цвет, но как только я нажимаю что-то еще на странице (даже пробел), он возвращается к исходному цвету?

Взгляните на это:

http://jsfiddle.net/LPVfn/

Ура!

Джеймс

Answer 1

используйте

.search:focus

вместо

.search:active

Answer 2

Существует библиотека JS с именем HoverIntent.Может быть, вы могли бы использовать его, чтобы получить желаемый эффект.

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

В настоящее время я использую его для задержки отображения всплывающей подсказки div на несколько миллисекунд после того, как пользователь наводит курсор на окно поиска,