javascript - Firefox selectedIndex on select 在悬停时更改

Question

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

使用:

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

当我将鼠标悬停在不同的项目上时，我可以看到 selectedIndex 发生变化(当我将鼠标悬停在这些项目上时，这些项目会显示蓝色背景和白色文本)。

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

我想不出解决这个问题的方法 - 我 try catch 对选项的点击，并根据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 相比，它仅在我选择选项时发出警报...

问候