禁用＆＃39;复制＆＃39; iPad Safari浏览器中的功能

Question

在iPad中的iOS6的Safari中，我想选择文字，然后使用JavaScript突出显示它（更改背景颜色）。但是，当我选择文本时，会自动弹出“复制”选项。我该如何禁用此“复制”选项？除了iPad Safari之外，我能够在其他所有浏览器上运行。

这可能吗？我该怎么办？

Answer 1

  

如果要禁用通过按住调用的“剪切/复制/粘贴”   在iPhone或iPad上的Safari中使用css：

-webkit-user-select: none;

Ben Collier发布的Disabling ‘hold to copy’ on Mobile Safari信息

---

  

-webkit-tap-highlight-color属性接受任何标准CSS   颜色值，但你可能想要提供一个rgba值   为了控制alpha透明度。禁用点击突出显示   就像将alpha值设置为0一样简单，如下所示：

container {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

来自Ryan Grove发布的Quick Tip: Customizing the Mobile Safari tap highlight color的信息

---

所以我会使用css而不是javaScript。

Answer 2

除了接受的答案;

将所提到的属性仅赋予载体div或body元素，持有某些对象（图像和SVG元素等）仍会显示工具提示。

* {
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

将属性赋予所有元素（*）对我来说是个窍门。

此外，我猜测用户选择文本输入有问题/错误，因此您可能希望将其排除。

input {
-webkit-user-select: auto;
}