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

Question

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

这是我的html

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

这是我的CSS

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

一旦我按住 iPad，气泡仍然会出现。有想法该怎么解决这个吗？

Answer 1

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

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

Answer 2

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

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