Firefox selectedIndex 在悬停时选择更改

Question

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

使用：

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

当我悬停在不同的项目上时，我可以看到 selectedIndex 的变化（当我悬停在项目上时，这些项目变为蓝色背景和白色文本）。

在 Chrome 中，selectedIndex 仅在单击选项时更改。

我想不出解决此问题的方法 - 我已尝试捕获选项的点击并根据 this SO question 将这些点击与 select 上的数据属性进行检查，但点击处理程序似乎只是偶尔工作.

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 相比，它只会在我选择选项时发出警报...

问候