iphone - iphone-点击时突出显示不是链接的div

Question

当用户触摸或选择 div 中包含的文本时，我想突出显示整个 div。只有当文本包含在带有 javascript 函数的跨度中时，我才能突出显示文本，但是当我尝试将该函数应用于整个 div 时，它不起作用。在我的研究中，我看到很多人使用 -webkit-tap-highlight-color: 删除高亮，有没有办法使用这种或其他 css 样式为非链接项目添加高亮？

我正在使用的脚本：

函数 changeColor(e,color){ 元素 = e; oldColor = element.currentStyle.background; element.style.background = 颜色；}

Answer 1

如果您将点击处理程序附加到 div，Safari 会在点击时突出显示 div。

一个例子在这里http://jsbin.com/awejo3/4

从这个问题中得到信息：Iphone darkens div on click

Answer 2

我在移动应用程序上遇到了同样的问题，我用下面的代码解决了问题。

*:not(a) {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}