html - -webkit-用户选择 : none; - not working

Question

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

这是我的html

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

这是我的CSS

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

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

Answer 1

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

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