Internet Explorer將“選擇框”呈現為絕對？

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

當您將事件綁定到just option時，什么也沒有發生。 我認為您不能將事件綁定到該事件。 或者，如果可以的話，不是所有事件； click確定，顯然這些也是如此。

當您向下移動選擇選項時，實際上是將鼠標移到select元素之外，因此此行為很有意義。 瀏覽器/ OS處理顯示菜單。 而不僅僅是IE可以做到這一點。 Chrome也一樣。

我建議使用blur事件，因為當元素失去焦點時會觸發該事件。 僅當您單擊外部並關閉菜單時才會觸發。

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

演示