javascript - 将 jQuery 事件处理程序绑定(bind)到 `focus` 会使 select 在 IE 中表现得很奇怪

Question

为什么下面的事件处理程序到 focus 事件的 jQuery 绑定(bind)会产生副作用，即用户需要在选择选项上单击两次才能使其下拉/向上。

$('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 而不是 focus 和 blur。

http://jsfiddle.net/QG22b/