我目前正在探索适用于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/

10-10 08:20