我目前正在探索适用于iOS设备的Web应用程序,并使用PhoneGap从中创建一个“ native ”应用程序。我的问题是放大镜,在选择段落(或部分文本)时,我不想被显示出来。我尝试了很多解决方案,但确实可以工作。我使用此CSS禁用所有我不想复制的字段的复制,选择等功能:
*[untouchable] {
-webkit-user-drag: none;
-webkit-user-modify: none;
-webkit-highlight: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
效果很好,但是当我触摸并按住文本时,它仍显示放大镜/放大镜:
有一个真正的解决方案吗?如果使用简单的CSS属性(例如
-webkit-magnifier: none
或类似的东西),那就太好了。如果有一个JavaScript解决方案,那也可以,但是可能会太过分了。由于我使用的是PhoneGap,并且使用的是UIWebView来显示页面,因此可能有一种禁用放大镜的方法-但我对本地源代码的关注并不多。
提前致谢 :-)
最佳答案
实现这一点的唯一方法是,由于内置了放大镜,因此完全摆脱了选择的可能性。 -webkit-user-select:none;
应该应用于您不希望出现放大镜的所有元素。
关于css - 在iOS Web应用程序中摆脱放大镜,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9218574/