点击事件不适用于Chrome浏览器中的html选择选项标记
我想在选择选项标签上触发单击事件(而不是更改事件)。 选择选项标记上的点击事件仅适用于Firefox浏览器而非谷歌浏览器。 我花了很多时间来解决这个问题仍然没有成功。 任何人都可以帮我解决这个问题。 提前完成。
尝试编辑select
标签的onclick
function以调用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(); }
混合所有东西!