gpt4 book ai didi

javascript - onfocus 下拉菜单需要双击才能显示菜单

转载 作者:行者123 更新时间:2023-11-28 02:35:35 28 4
gpt4 key购买 nike

在使用 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>​

最佳答案

我能想到的唯一解决方案是使用 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')
})

关于javascript - onfocus 下拉菜单需要双击才能显示菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13511128/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com