Question

使用常规HTML选择框：

<select>
    <option value="">click to select a task type</option>
    <option value="">Awesome Option</option>

使用这个jQuery时：

  $("select, option").live({
    mouseenter: function(){
      console.log("INSIDE");
    },
    mouseleave: function(){
      console.log("OUTSIDE");
    }
  });

当我单击选择框并将鼠标悬停在任何选项上时，IE将以鼠标“外部”响应。

有解决方法吗？

Answer 1

将事件绑定到option时没有任何反应。我不认为你可以绑定事件。或者，如果可以，不是所有事件; click肯定也是显而易见的。

当你向下移动以选择一个选项时，你真正将鼠标移动到select元素之外时，这种行为是有道理的。浏览器/ OS处理显示菜单。这不仅仅是IE。 Chrome也是。

我建议在元素失去焦点时触发blur事件。这只会在您点击外面并关闭菜单时触发。

 $("select").live({
    mouseenter: function(){
      console.log("INSIDE");
    },
    blur: function(){
      console.log("OUTSIDE");
    }
  });

DEMO

Internet Explorer将选择框呈现为绝对？

1 个答案: