Можно ли отключить выбор текста, чтобы сделать приложение PhoneGap более похожим на обычное родное приложение?
Что-то вроде этого:
document.onselectstart = function() {return false;}
или
* {
user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
}
Или многие другие вещи не работают.
Я посмотрел на все это для помощи. Это, наконец, помогло мне.
public class MainActivity extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
super.appView.setOnLongClickListener(new View.OnLongClickListener() {
public boolean onLongClick(View v) {
return true;
}
});
}
}
setOnClickListener - это то, что делает магия. Убедитесь, что вы поставили это ПОСЛЕ вашего вызова на super.loadUrl.
Конечно, это отключит выбор текста для всего вашего приложения, но я в порядке с этим, и пока у меня нет другого пути.
Я не уверен в том, что это все еще имеет значение, но я использую событие JqueryMobile "taphold", и он все еще отлично работает. Я считаю, что это работает, обращаясь к длинному клику на appView (который размещает ваше приложение HTML) и не позволяет ему пузыриться.
Включение html, а не *, работает для меня:
html {
-webkit-user-select: none;
}
Кроме того, что упоминалось в ThinkingStiff, я также использую следующее, чтобы удалить любую подсветку/копию и вставить
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
это тоже будет работать.
<body oncontextmenu="return false" ondragstart="return false"
onselectstart="return false">
Добавьте это и наслаждайтесь. Работает и на iOS.
<style type="text/css">
*:not(input,textarea) {
-webkit-touch-callout: none;
-webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}
</style>
Я использовал ниже код и отлично работал на устройствах Android и iOS, а также на эмуляторе/симуляторе:
* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input, textarea {
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
Недавно обновлено до Android 4.4 kitkat, и это решило проблему появления Edittext на taphold (длинное нажатие). По-видимому, edittext не отображается на taphold с jQuery mobile и phonegap на Android 4.4. Я использую пользовательский носитель aosp, поэтому не тестировался в официальном выпуске, но я предполагаю (и надеюсь), что он должен работать и для любого выпуска 4.4. Он также, похоже, разрешил другие конфликты, которые у меня были с onclick, которые я разместил ниже.
Более старый метод, который я нашел, работает (с возможными проблемами) для более старых ролей ICS (только для 4.0.4 пользовательских ромов).
Добавив панель прокрутки
Пример:
<div id="scroll">content</div>
<style>
#scroll {
height: 100%;
width: 100%;
}
</style>
Он отключает EditText от нажатия на taphold (длительное нажатие) для телефонного разговора и мобильного jQuery. Не уверен, что если это вызовет какие-либо конфликты (как кажется, некоторые эффекты с onclick, которые я смотрю на сортировку), но с регулярным текстом должны работать хорошо.--- Проблемы разобрались с Android 4.4 и больше не нужно прокручивать. (см. верхнюю часть сообщения)
Для меня это было лучшим:
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
Мой случай произошел с pixi.js, с
plugins.interaction.autoPreventDefault = true;
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
[contenteditable="true"] , input, textarea {
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
-o-user-select: auto !important;
user-select: auto !important;
}