jquery - 使用 jquery.on ('click' 时 iPhone 上的元素闪烁

Question

考虑以下 js:

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

和相应的html:

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

到目前为止一切正常。单击具有类按钮的元素时，即主元素的子元素，将调用函数。 不幸的是，当用 iPhone 查看时，每次点击主要元素都会使其闪烁一次。

我发现可以通过不将点击事件绑定(bind)到#main，而是绑定(bind)到整个$(document) 来避免这种情况。

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

Answer 1

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

将此添加到您的 CSS 将解决问题。