javascript - 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')
})