Deaktivieren der text-Auswahl in PhoneGap

Ist es möglich, die Textauswahl deaktivieren, um eine PhoneGap-app, die ähnlich wie normale native app?

Etwas wie dieses:

document.onselectstart = function() {return false;}

oder:

* { 
user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
}

Oder viele andere Dinge nicht funktionieren.

InformationsquelleAutor stmn | 2012-08-05

32

Ich sah überall für die Hilfe. Diese schließlich für mich gearbeitet.
```
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;
            }
        });
    }
}
```
Den setOnClickListener ist, was ist die Magie. Stellen Sie sicher, dass Sie dies NACH Ihrem Anruf super.loadUrl.

Natürlich, dies wird deaktivieren Sie die text-Auswahl für die gesamte app, aber ich bin OK mit, dass, und ich habe keine andere Möglichkeit, um es für jetzt.

Ich bin nicht sicher, dass die vollständigen Auswirkungen dieser noch nicht, aber ich mache Gebrauch von der JqueryMobile Veranstaltung "taphold", und es funktioniert immer noch gut. Ich glaube, dass diese arbeiten durch den Umgang mit dem langen Klick auf die appView (die Gastgeber Ihre HTML-app) und verhindern, dass es brodelt.
- Vielen Dank, es funktioniert! Vergessen Sie nicht, fügen Sie es nach dem loadUrl sonst appView kann null sein.
- für mich habe ich so fügen Sie eine weitere Zeile mit code ist: super.appView.setLongClickable(false); anschließend wird diese Lösung bei mir funktioniert.
- Wie aktivieren Sie die text-Auswahl wenn? Ich sehe nicht das Standard-Verhalten von WebView, um text-Auswahl und einige Standard-Kontext-Menü für Sie...
InformationsquelleAutor habermanm
56

Indem es auf html, nicht *, funktioniert bei mir:
```
html {
    -webkit-user-select: none;
}
```
- Dies funktioniert auf Phonegap, zumindest auf Android.
- Funktioniert auch auf Cordova , getestet auf android
- Das war der fix, den ich brauchte, um es Arbeit auf WP8. Gut funktioniert auf iOS-und Android-ohne die 'html'
- funktioniert auf neueren ios-Geräten mithilfe von cordova
InformationsquelleAutor ThinkingStiff
8

diese wird auch funktionieren.
```
<body oncontextmenu="return false" ondragstart="return false" 
onselectstart="return false">
```
- Dies ist die eleganteste Lösung, bisher, funktioniert auf Android 6 und Cordova 6.5.0.
InformationsquelleAutor nargil
8

Als auch, was ThinkingStiff erwähnt das ich auch mit dem folgenden zu entfernen, Hervorhebung/copy & paste
```
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0); 
```
- Jetzt gibt es kein highlight, nach einem Klick, aber wenn ich halt Punkt -, text-Auswahl-Werkzeug wird geöffnet. Wie kann ich es blockieren? :/
InformationsquelleAutor mattdryden

Fügen Sie diese und genießen. Funktioniert auf iOS als auch.

<style type="text/css">
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}
</style>

kleine Korrektur, die Unterzeichnung sollte die Regel sein: *:not(input):not(textarea)

InformationsquelleAutor atulkhatri

Ich verwendet folgenden code und seine feinen arbeiten auf Android-und iOS-Geräten sowie auf emulator/simulator:

 * {
    -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;
    }

InformationsquelleAutor VicJordan

0

Kürzlich aktualisiert, um Android 4.4 kitkat und es löste das problem der Edittext zeigen, bis auf taphold (lange drücken). Offenbar edittext nicht showup auf taphold mit jquery mobile und Adobe phonegap build auf android 4.4. Ich benutze eine custom aosp rom so noch nicht getestet, auf einem offiziellen release, bin aber vermuten (und hoffen) sollte es funktionieren, wie auch für jede Version 4.4. Es scheint auch gelöst, andere Konflikte hatte ich mit onclick die ich unten geschrieben.

Ältere Methode, die ich gefunden, die funktioniert (mit möglichen Fragestellungen) für ältere ICS roms (nur getestet auf 4.0.4 custom rom).

Durch das hinzufügen einer Bildlaufleiste

Beispiel:
```
<div id="scroll">content</div> 

<style>
#scroll {

height: 100%;
width: 100%;
}
</style>
```
Deaktiviert es die EditText aus knallen auf taphold (lange drücken) für phonegap-und jquery-mobile sowie. Noch nicht sicher, ob dies wird verursachen keine Konflikte (wie es scheint haben einige Effekte mit onclick die Suche zu Sortieren), aber mit normalen text sollte das gut funktionieren.---
Themen sortiert mit Android 4.4 und keine Notwendigkeit zum scrollen entweder mehr. (siehe oberen post)

InformationsquelleAutor watson7d

War es für mich der beste:

-webkit-tap-highlight-color: rgba(0,0,0,0); 
tap-highlight-color: rgba(0,0,0,0);

Meinem Fall geschehen, mit pixi.js mit

plugins.interaction.autoPreventDefault = true;

InformationsquelleAutor csomakk

-1

* {
    -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;  
}

Fügen Sie bitte die Erklärung mit Ihrer Antwort, die hilfreich sein können, um andere in der Zukunft. Beantworten

InformationsquelleAutor Abdenacer Rachedi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.