2014-09-04 39 views
0

我知道很多其他SO問題,IE不支持<option>元素上的鼠標事件。但是,當您打開下拉列表時,它會突出顯示鼠標光標下的選項。有沒有一種JS方式來獲得這個突出顯示的選項,因爲用戶在它上面滑動鼠標?如果有的話,應該有一個額外的好處,它可以與鍵盤光標鍵(也許)一起工作。是否有可能找出哪些選項在IE中被選中之前突出顯示?

我發現每個<option>上的布爾屬性selected這是true如果鼠標光標在Firefox上,但同樣的伎倆不幸在IE中不起作用。

即使使用jQuery的$("option").filter(":selected")在IE中不起作用,但在FF中起作用。在IE中<option>僅在用戶選擇後才被選中;這基本上是父母<select>元素的價值。

任何其他方式來獲得在IE中「幾乎」選擇<option>

回答

1

每個瀏覽器都會以不同的方式呈現下拉菜單。因此,附加具有不同選項的事件處理程序會在Firefox中顯示不同的結果,並且在IE中會有所不同這也會在Chrome中顯示類似的結果。

我建議您可以使用JavaScript或Jquery在Fly上使用HTML元素創建Dropdown,即在運行時。

創建網頁時不要創建。試試這個代碼,它可能工作。

$(function() { 
    $("#optionList").change(function(){ 
      alert("Mouse Hover Fired"); 
    }); 
}); 
+0

'#optionList'是什麼元素?那是父母'