<script type="text/javascript">
$(function(){
$("select").hide();
$(".fav").click(function(){
$("select").show();
})
$("select").change(function(){
$("select").hide();
});
$("select").mouseout(function(){
console.log(111);
$("select").hide();
});
})
</script>
<style type="text/css">
div{
border: solid;
width: 200px;
}
</style>
</head>
<body>
<div class="fav">
这是一个测试
<select>
<option value="1">请选择</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
</select>
</div>
</body>
以上代码，在谷歌里面，鼠标是可以移动到下拉框里面的，但是在火狐里面，鼠标壹下去选择框就会消失
隐藏的话肯定是触发mouseout事件了。。延时隐藏
$(function () {
$("select").hide();
$(".fav").click(function () {
$("select").show();
})
$("select").change(function () {
$("select").hide();
});
var timer
$("select").mouseout(function (e) {
timer = setTimeout(function () { $("select").hide(); }, 100)
});
$("select option").mouseover(function () { clearTimeout(timer) })
})