Chrome中的select选项上的blur（）解决方案？

Question

这不适用于Chrome？

<select id="mySelect" onmouseout="defocusSelect()">
    <option>A</option>
    <option>B</option>
</select>
...
function defocusSelect(){
document.getElementById('mySelect').blur();
}

当我将鼠标移离选择时，我需要这样才能隐藏选项列表。它无法在Chrome中运行。有没有人知道我可以使用什么而不是blur()才能在Chrome上使用它？

Answer 1

这是我解决这个问题的方法

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
        if(is_chrome) $(".option").hide();

其中class“option”表示选择框的所有选项。

在这里，我使用jquery来隐藏你可以使用你喜欢的任何东西。