在iOS网络应用程序中摆脱放大镜

Question

我目前正在探索适用于iOS设备的网络应用程序,并使用PhoneGap创建一个"原生"应用程序.我对此的问题是放大镜,我不想在选择段落(或文本位)时显示.我已经尝试了很多解决方案,但是下位工作.我使用这个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来显示页面,因此可能有一种方法可以禁用放大镜 - 但我没有看到那么多本地源代码.

提前致谢 :-)

Answer 1

实现此目的的唯一方法是完全消除元素的选择，因为合并了放大器。-webkit-user-select:none;应应用于您不希望出现放大镜的所有元素。