将jQuery事件处理程序绑定到`focus`使得IE中的select行为很奇怪

Question

为什么在事件处理程序的jQuery绑定下面对focus事件具有副作用，用户需要在select-option上单击两次才能使其下拉/上移。

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

这只是IE的一个问题（在IE8中测试过），Chrome和FF的行为符合预期。

我的测试用例，包括所有相关的CSS，可以在这里看到：jsFiddle sandbox example

Answer 1

将其更改为使用focusin和focusout而不是焦点和模糊。

http://jsfiddle.net/QG22b/

Answer 2

.focus事件仅在您点击它时才会在IE上激活（而不是当您的鼠标悬停在它上面时）。

也许您可以使用mouseover事件？

最高