-webkit 用户选择：无； - 不工作答案

【问题标题】：-webkit-user-select: none; - not working-webkit 用户选择：无； - 不工作
【发布时间】：2013-05-17 16:03:39
【问题描述】：

我正在创建一个将在 iPad 上查看的网站，并且我试图防止在用户触摸并按住图像时出现复制和粘贴气泡，因为我希望在 ontouchstart 和 ontouchend 上发生一些事情.

这是我的html

<img class="appImg" src="img/fundMobile.jpg" />

这是我的css

.appImg{        
    -webkit-user-select: none;
}

当我按住 iPad 时，气泡仍然出现。有关如何解决此问题的任何想法？

【问题讨论】：

【解决方案1】：

您可以尝试在ontouchstart 处理程序中包含e.preventDefault()：

yourElement.ontouchstart = function(e) {
  e.preventDefault();
}

【讨论】：

这是 100% 正确的。我刚刚使用 iPad 和 iOS 14.8 进行了测试。仅这些不起作用：touch-action: none; 或 -webkit-user-select: none; 或 user-select: none;。唯一阻止“按住并按下”选择的是处理touchstart。旁注，处理pointerdown 不起作用，只能处理touchstart。

【解决方案2】：

您的 css 是正确的，但是您的 css 可能仍被缓存，这是我在 iOS 6 UIWebViews 中注意到的一点，向您的链接添加一个 url 参数，刷新后应该可以修复它。

<link href="styles.css?cache=123" rel="stylesheet" />

【讨论】：