下载onfocus需要双击显示菜单

Question

在我的页面上使用Internet explorer我有一个下拉菜单，但在第一次加载页面时因为它上面有onFocus，需要双击显示菜单。如何避免双击。

onFocus必须仍然开启，但菜单必须同时显示？ 我怎么做，因为双击是刺激性的？

这是一个简单的例子

http://jsfiddle.net/tgH7b/3/

这是代码

    <select name="cars" >
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>    



<select name="cars" onFocus="this.style.background = '#999';$(this).click();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>​

Answer 1

我能想到的唯一解决方案是使用focusin（）回调函数：

注意：focusin（）支持事件冒泡

http://jsfiddle.net/2AUs6/

<select name="cars" >
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>    


<!-- this one -->
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>

$('select[name=cars]:eq(1)').focusin(function(){
    $(this).css('background','#999')
})

Answer 2

以下是代码项目

的可能解决方案

http://www.codeproject.com/Questions/89610/ASP-NET-how-to-create-a-dropdownlist-that-onfocus