iPhone/Android 上的事件委托导致不受欢迎的“点击”UI 反馈答案

【问题标题】：Event delegation on iPhone/Android Causes Undesirable 'Click' UI FeedbackiPhone/Android 上的事件委托导致不受欢迎的“点击”UI 反馈
【发布时间】：2012-03-22 02:30:20
【问题描述】：

在 iPhone 和 Android 上，当您单击一个元素时，该元素会临时选择和取消选择，以便向用户提供点击的反馈。

但是，我正在使用带有事件委托的 jQuery 的 $("#element").on('.subelement') 方法，所以我确实不希望 #element 闪烁....如果我想让 .subelement 闪烁的话。 p>

如果你有 iPhone/Android 你可以在这里看到效果： http://jsfiddle.net/RYj6X/6/embedded/result/ 单击按钮会导致整个#container 暂时“闪烁”，从而使按钮单击感觉“脏”。

有没有办法抑制这种 UI 反馈？还是将其重定向到实际被点击的元素？

【问题讨论】：

标签： javascript android iphone jquery-events

【解决方案1】：

不确定您在谈论“临时选择”是什么意思，但您可以使用 CSS 在单击时隐藏原生 iPhone 的选定颜色（灰色）。

<style>
body {-webkit-tap-highlight-color:rgba(0,0,0,0)}
</style>

【讨论】：

抱歉，由于我无法弄清楚它的实际名称，所以我使用“select”作为“tap-highlight”产生的视觉效果的委婉说法。谢谢，tap-highlight 正是我要找的东西。