Markieren / Auswählen von Text auf einem Element mit Javascript / JQuery für das mobile Web (Android, iOS, Windows Phone)

9

Ich versuche, den Vorgang des "Kopierens und Einfügens" von Text in ALLE mobilen Webbrowser (Android, iOS und Windows Phone) zu beschleunigen, indem ich einem Benutzer erlaube, auf ein Element zu klicken / zu tippen. Markieren Sie "den Text innerhalb dieses Elements".

✔ Was ich erleben möchte:

  1. Klicken Sie auf das Eingabeelement und den Text "Alle auswählen".
  2. Halten Sie den markierten Text gedrückt, damit die Optionen native angezeigt werden.

Versuch 1: Ссылка

%Vor%

..

Versuch 2: Ссылка

%Vor%

✖ Was eigentlich passiert:

  1. Klicken Sie auf das Eingabeelement und den Text "Alle auswählen". (Korrekt)
  2. Halten Sie den markierten Text gedrückt und die Optionen "Select Word" und "Select All" native werden angezeigt. (Falsch)

Die obigen zwei Versuche werden (Schritt 1) ​​ wie Gott sie natürlich tun wollte, ja ... Aber mit meinen Tests auf einem Android-Gerät habe ich festgestellt, dass wenn "gedrückt" Bei einem Element (Schritt 2) wird der Benutzer aufgefordert, "Wort auswählen" oder "Alles auswählen" auszuwählen. Die Tatsache, dass der Text bereits ausgewählt ist, wird ignoriert. Die richtige Vorgehensweise wäre, die nativen Optionen "Kopieren" oder "Ausschneiden" für den Benutzer anzuzeigen, da der Text bereits ausgewählt ist.

Weiß jemand, warum dieses Problem besteht und wie man es beheben kann?

. .

▼ Fehlgeschlagene Versuche

  1. Mein erster Versuch war natürlich, eine "Copy and Paste" Javascript-Lösung zu finden. Obwohl das W3.org an der Zwischenablage API und Ereignissen (Februar 2013) arbeitet, ist es ist nur ein work in progress. Sie können die Methoden getData und setData verwenden und funktioniert in IE , aber das hilft mir nicht.

  2. Das sind Flash-Problemumgehungen wie " ZeroClipBoard " und "zClip "aber diese funktionieren auch nicht, weil Mobiltelefone nicht mit Flash installiert sind.

  3. Befolgen Sie die Richtlinien in dieser StackOverflow-Frage: Text auswählen in mobile Safari auf dem iPhone

Oneezy 20.02.2013, 07:59
quelle

1 Antwort

2

Ich glaube, dass Sie Bereiche verwenden müssen, um eine Auswahl zu treffen. Das Folgende ist vanilla javascript, das mit jquery funktionieren wird, aber möglicherweise etwas jquery massaging benötigt.

%Vor% %Vor%
    
bob 18.10.2015 06:31
quelle