Chrome无法在Chrome的选择菜单上使用模糊功能

Question

我想要模糊选择菜单，当它打开时。 当您将鼠标悬停在标签上时，我做了一个小功能，然后调用模糊函数。 在其他浏览器中可以正常工作，但在chrome中不能正常工作。 小提琴

重现错误：单击并打开选择菜单并悬停锚标记，应关闭打开的选择菜单

<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
   $('a').hover(function(){
    $('select').blur();
   })
})
</script>
</head>
<body>
<select>
<option>Test</option>
<option>Test</option>
<option>Test</option>
<option>Test</option>
<option>Test</option>
<option>Test</option>
<option>Test</option>
</select>
<a href="#">hover me</a>
</body>
</html>

Answer 1

我遇到了同样的问题，想法很明确：您无法模糊打开的选择元素，因为Chrome和Safari等待答案。 但是，有一种解决方法可能会被您接受。

首先，在“选择”仍处于活动状态时，无法将焦点设置到另一个元素，因此我通过应用“ display：none”将其删除。 之后，我触发了另一个无害元素的click事件。 然后我通过设置display：block重新添加选择。 在这种情况下，代码看起来像（我将添加一个跨度以单击）：

.......
<select>
<option>Test</option>
......
</select>
<a href="#">hover me</a>
<span class="clickable">element clicked</span>
.......
<script type="text/javascript">
$(document).ready(function (){
    jQuery("a").mouseenter(function (){
        $("select").css({'display':'none'});
        $("span.clickable").focus().click();
        $("select").css({'display':'block'});
    });    
});
</script>

Answer 2

您需要为此使用.trigger（）

<select id="selectboxId">
.......
</select>

   $ ('#selectboxId').trigger('blur');

Chrome无法在Chrome的选择菜单上使用模糊功能

问题描述

2 个解决方案

解决方案1
3 已采纳 2013-05-24 14:57:46

解决方案2
-1 2013-05-22 11:33:41

Chrome无法在Chrome的选择菜单上使用模糊功能

问题描述

2 个解决方案

解决方案1 3 已采纳 2013-05-24 14:57:46

解决方案2 -1 2013-05-22 11:33:41

解决方案1
3 已采纳 2013-05-24 14:57:46

解决方案2
-1 2013-05-22 11:33:41