点击事件不适用于Chrome浏览器中的html选择选项标记

我想在选择选项标签上触发单击事件(而不是更改事件)。 选择选项标记上的点击事件仅适用于Firefox浏览器而非谷歌浏览器。 我花了很多时间来解决这个问题仍然没有成功。 任何人都可以帮我解决这个问题。 提前完成。

尝试编辑select标签的onclickfunction以调用option标签的onclick 。 现在的问题是它可能会在FireFox中调用两次。

 function getSelectedOption(select) { return select.options[select.selectedIndex]; } 

要看到行动 – >

  


此外,这个问题是onclick一次点击该选项被激发而另一个用于选择(然后firefox出现另一个)。 因此,我发现修补此问题的最佳方法是将其更改为select标记的onchange

但遗憾的是,只有摆脱了初始点击,而不是FireFox正确的点击方式……


因此,如果我们修改我们的getSelectedOption函数以检查浏览器是否为chrome,那么我们可以覆盖自己!

 var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; 

我们的新function可能如下所示……

 clickSelectedOption(select) { if(!is_chrome) return; select.options[select.selectedIndex].click(); } 

混合所有东西!