在 meteor cordova 应用程序的 iOS 9 上全局禁用放大镜

Question

我已经测试了几种解决方法来禁用烦人的放大镜 css，但是在我的 iOS9 meteor cordova build 上它出现了一会儿，并在几毫秒后淡出。

它在 iOS 8 上工作，但在 iOS 9 上不工作，现在使用此 css 代码：

body, body * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-callout: none !important;
    -webkit-touch-callout: none !important;
}
input, textarea {
    -webkit-user-select: text !important;
    user-select: text !important;
    -webkit-user-callout: default !important;
    -webkit-touch-callout: default !important;
}
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-modify: none;
}

我错过了 iOS 9 的东西？

Answer 1

是的，与iOS9有关。由于您是 Cordova 用户，此插件将为您解决问题： https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

它与处理 -webkit-user-select 之前执行的 UILongPressGestureRecognizer 有关 css.

: none

希望对您有所帮助。

Answer 2

Frederik 提到的插件现在已构建到 cordova 中，请参阅 https://github.com/apache/cordova-ios/pull/174

要启用修复程序，请将 <preference name="SuppressesLongPressGesture" value="true" /> 插入 config.xml

在 meteor cordova 应用程序的 iOS 9 上全局禁用放大镜

global disable magnifying glass on iOS 9 in meteor cordova app

css

cordova

meteor

aero-glass

loupe