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将解决问题。