Wybieranie tekstu w mobilnej przeglądarce Safari na iPhonie

Question

Próbuję ułatwić użytkownikowi iPhone'a skopiowanie tekstu do schowka w mobilnym safari. Jak w zwykłej "kopii zatrzymania dotykowego". Jest pewien fragment tekstu, który chcę skopiować do użytkownika. Mam pełny wybór znaczników html, w których zawijam tekst. Jak mogę to ułatwić, zamiast abrarować? Na przykład:

• Czy istnieje sposób, aby "zaznaczyć wszystko" tekst po dotknięciu przy użyciu javascript? Następnie użytkownik może po prostu kontynuować trzymanie przez dotyk, a następnie wybrać opcję kopiowania?

• Czy istnieje sposób, aby wyświetlić opcję "wybierz wszystkie"? Jak możesz podczas pisania w polu tekstowym? Po którym mogą wybrać kopię?

• Jeśli nie ma rozwiązania javascript, w jaki sposób mogę ustawić plik HTML, aby pomóc Safari w wybraniu właściwego fragmentu tekstu? W przeciwieństwie do samego słowa lub zawijającego diva?

Próbowałem onFocus = "this.select()" dla różnych elementów, żaden nie wydaje się działać. Próbowałem również onClick.

Osoby, które próbowały przenieść witrynę korzystającą z ZeroClipboard na iPhone'a, mogą mieć kilka pomysłów.

Cheers

Answer 1

Spróbuj ontouchstart zamiast onfocus. Onfocus wystrzeliwuje ok. 500 ms po ontouchend, tak samo jak onclick, onmousedown i onmouseup. Zobacz http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7, aby uzyskać więcej informacji na temat zdarzeń myszy.

Answer 2

Wystąpiłem w tym samym problemie. Zdarzenie onfocus jest właściwe do pułapkowania (ontouchstart nie jest uruchamiany, jeśli użyjesz przycisków klawiatury [next]/[prev] iphone.) Jeśli umieścisz alert(); w twoim sterowniku onfocus = "" pojawi się okienko alertu. Problemem jest this.select(); Wciąż nie znalazłem odpowiedzi na to, ale kiedy/jeśli to zrobię, opublikuję to tutaj.

Answer 3

zamiast this.select(); Użyłem poniższych i zadziałało!

this.selectionStart=0; 
this.selectionEnd=this.value.length; 

Answer 4

Magia sos dla mnie było połączenie tych trzech:

onFocus="this.selectionStart=0; this.selectionEnd=this.value.length;" <!-- for big screens --> 

onTouchEnd="this.selectionStart=0; this.selectionEnd=this.value.length;" <!-- for small screens --> 

onMouseUp="return false" <!-- to stop the jitters -->