Привязка обработчика событий jQuery к `focus` заставляет select вести себя странно в IE

Question

Почему нижеприведенная привязка обработчика событий jQuery к событию focus имеет побочный эффект, который пользователь должен дважды щелкнуть по опции выбора, и она выпадает из окна вниз / вверх.

$('input, select, textarea').focus(function() {
  $(this).addClass('input_highlight');
}).blur(function() {
  $(this).removeClass('input_highlight');
});

Это проблема только для IE (проверено в IE8), Chrome и FF ведут себя как положено.

Мой тестовый сценарий, включая все соответствующие css, можно посмотреть здесь: Пример песочницы jsFiddle

Answer 1

Измените его для использования фокусировки и фокусировки вместо фокусировки и размытия.

http://jsfiddle.net/QG22b/

Answer 2

Событие .focus активируется в IE только при нажатии на него (а не при наведении на него мыши).

Может быть, вы могли бы использовать событие mouseover ?

Макс