Firefox selectedIndex对悬停时的选择更改

Question

在Firefox中，当selectedIndex字段的select发生变化时，似乎存在一些奇怪的问题。它似乎在悬停时改变，而不是点击。

使用：

setInterval(function(){console.log($('select').prop('selectedIndex'));}, 1000);

我可以看到selectedIndex更改，因为我悬停在不同的项目上（当我将鼠标悬停在蓝色背景和白色文本上时，这些项目会有效）。

在Chrome中，selectedIndex仅在点击选项时才会更改。

我想不出办法解决这个问题 - 我试图捕获选项上的点击并根据this SO question选择数据属性，但点击处理程序似乎只是偶尔工作。

Answer 1

所以当我在我的页面上尝试这个时：

  $('select[name=sel1]').change(function(){
      alert(this.value);
  });

使用此选项：

<select name="sel1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

比在firefox中它只在我选择选项时发出警告...

问候