javascript - 关闭触摸设备上 onClick 元素的叠加选择

Question

我正在构建一个网络应用程序，但在点击一个按钮或至少一个可点击的对象后，它会得到一个蓝色的覆盖层，就像文本选择一样，但在对象上。这只发生在触摸设备上，而不是在我的台式机上。

它是用 HTML 和 CSS 构建的，所以我希望有人知道一个合适的解决方案。

我花了大约 20 个屏幕截图，因为这个叠加层只能显示不到半秒。对于那些想知道我真正意思的人；检查这张照片。我已经在 iPhone (5) 和 Android (Nexus 5) 上对此进行了测试，两者(尽管颜色不同)似乎都具有这种视觉效果。它要么是 HTML 的东西，要么是设备原生的东西。有一件事是肯定的:它可以被触发，因为我从未在常规应用程序中看到过这个。注意:任何可点击的元素都会发生这种情况，而不仅仅是文本链接。

谢谢!

Answer 1

试一试...

工作 http://jsfiddle.net/XbVUR/

a{
 -moz-user-select: none; 
 -webkit-user-select: none; 
 -ms-user-select:none; 
 user-select:none;
}

<a href="#" onClick="alert(0)"  unselectable='on' onselectstart='return false;' onmousedown='return false;'>lorem ipsum</a>