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

Question

考虑以下js：

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

和相应的html：

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

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

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

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

Answer 1

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

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