Избавьтесь от лупы в веб-приложении iOS

В настоящее время я изучаю веб-приложения для устройств 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;
}

Это работает нормально, но при нажатии и удерживании текста все равно отображается лупа / лупа:

Touch + hold shows magnifier on text

Есть ли настоящая решение этого? Было бы здорово использовать простое свойство CSS, такое как -webkit-magnifier: none или что-то в этом роде. Если есть решение на JavaScript, это тоже будет хорошо, но, возможно, это будет излишним.

Поскольку я использую PhoneGap, и он использует UIWebView для отображения страницы, может быть способ отключить для этого лупу, но я не так много смотрел на собственный исходный код.

Заранее спасибо: -)

11
задан fnky 9 February 2012 в 20:51
поделиться