Seleccionar texto en el dispositivo móvil Safari en el iPhone

Question

Estoy tratando de facilitar que un usuario de iphone copie texto en el portapapeles en el safari móvil. Como en el "touch-hold-copy" habitual. Hay un fragmento específico de texto que quiero que un usuario copie. Tengo una opción completa del marcado HTML para envolver el texto. ¿Cómo puedo hacerlo más fácil, en lugar de abitrario? Por ejemplo:

• ¿Hay alguna manera de "seleccionar todo" el texto al tocar con javascript? Entonces, ¿un usuario podría simplemente mantener pulsado y luego elegir copiar?

• ¿Hay alguna manera de mostrar la opción "seleccionar todo"? ¿Te gusta al escribir en un cuadro de texto? Después de lo cual pueden elegir copiar?

• Si no hay una solución de javascript, ¿cómo puedo organizar el html para que Safari pueda seleccionar fácilmente el texto correcto? ¿En oposición a solo una palabra, o un div de envoltura?

He intentado onFocus = "this.select()" para varios elementos, ninguno parece funcionar. También probado onClick.

Aquellos que han intentado trasladar un sitio que usa ZeroClipboard al iPhone pueden tener algunas ideas.

Saludos

Answer 1

Trate ontouchstart en lugar de onfocus. Enfocus dispara aprox. 500ms después de ontouchend, lo mismo que onclick, onmousedown y onmouseup. Consulte http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7 para obtener más detalles sobre los eventos del mouse.

Answer 2

Me he encontrado con el mismo problema. El evento onfocus es el correcto para interceptar (ontouchstart no se activa si usas los botones del teclado del iPhone [next]/[prev]). Si pones una alerta(); en su controlador onfocus = "", verá aparecer el cuadro de alerta. El problema es this.select(); Todavía no he encontrado una respuesta a esto, pero cuando lo haga, lo publicaré aquí.

Answer 3

en lugar de this.select(); ¡Usé lo siguiente y funcionó!

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

Answer 4

La salsa mágica para mí fue la combinación de estos tres:

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 -->