当使用jquery.on('click')时,元素在iphone上闪烁

Question

考虑以下js:

$('#main').on('click', '.button', function);

和相应的HTML:

<div id="main">
<span class="button">button</span>
</div>

这到目前为止工作正常.单击具有类按钮的元素时,即主元素的子元素,将调用函数.不幸的是,当用iPhone查看时,每次点击主元素都会导致它闪烁一次.

我发现可以通过不将click事件绑定到#main,而是绑定到整个$(文档)来避免这种情况.

到目前为止,我还没有在网上找到任何关于这个问题 有人知道发生了什么,是否有比将每个点击元素绑定到文档更好的解决方案？

Answer 1

* {
  -webkit-tap-highlight-color: transparent;
}

将此添加到CSS将解决问题.