Seleccionar texto mediante programación en un campo de entrada en dispositivos iOS (Safari móvil)

¿Cómo se selecciona mediante programación el texto de un campo de entrada en dispositivos iOS, por ejemplo, iPhone, iPad con Safari móvil?

Normalmente es suficiente llamar a la .select()función en el <input ... />elemento, pero esto no funciona en esos dispositivos. El cursor simplemente se deja al final de la entrada existente sin realizar ninguna selección.

input.setSelectionRange(0, 9999);

https://developer.mozilla.org/en/DOM/Input.select

Nada en este hilo funcionó para mí, esto es lo que funciona en mi iPad:

// t is the input field
setTimeout(function() {
    t.setSelectionRange(0, 9999);
}, 1);

Es difícil probar algo negativo, pero mi investigación sugiere que esto es un error en Mobile Safari.

Tenga en cuenta que focus () funciona, más o menos, aunque puede requerir más de un toque para tener éxito, y no es necesario si está tratando de responder al toque de un usuario en el campo en cuestión, ya que el toque en sí le dará al campo atención. Por desgracia, seleccione () es simplemente no funcional en Mobile Safari.

Su mejor apuesta puede ser un informe de error con Apple .

Vea este violín : (ingrese algo de texto en el cuadro de entrada y haga clic en 'seleccionar texto')

Es seleccionar texto en un cuadro de entrada en mi iPod (5.a generación iOS6.0.1), abrir el teclado y también mostrar el menú Cortar / Copiar / Sugerir ...

Usando javascript simple. No probé esto con jQuery

document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999

Tenga en cuenta que el número 999 es solo una muestra. Debe establecer estos números en el número de caracteres que desea seleccionar.

ACTUALIZAR:

• iPod5 - iOS6.0.1 - Funciona bien.
• iPad1 - iOS5.1.1 - Solo texto seleccionado. Toque la selección una vez para abrir el menú Cortar / Copiar
• iPad2 - iOS4.3.3 - Solo texto seleccionado. Toque la selección una vez para abrir el menú Cortar / Copiar

Para los dos últimos, puede experimentar activando un evento de clic en el inputelemento

ACTUALIZACIÓN: (07-10-2013)

• iPod5 - iOS7.0.2 - Usando el violín en el enlace: no se puede ver el texto escrito en el cuadro de entrada. Al presionar Seleccionar me redirige a facebook.com (??? wtf ???) No tengo idea de lo que está pasando allí.

ACTUALIZACIÓN: (14-11-2013)

• iOS 7.0.3: Gracias al comentario de binki actualización que el .selectionStarty .selectionEnd hace el trabajo.

ACTUALIZACIÓN: (15-01-2015)

• iOS 8.xx: Gracias al comentario de Michael Siebert . Tomado del comentario: tuve que escuchar los eventos de enfoque Y de clic y luego establecerTimeout / _. Debounce para que funcione en ambos casos: haga clic en la entrada o enfoque a través de tabulaciones

Lo siento, en mi publicación anterior, no noté que Javascript implicaba que querías una respuesta en Javascript.

Para obtener lo que desea en UIWebView con javascript , me las arreglé para reunir dos piezas importantes de información para que funcione. No estoy seguro sobre el navegador móvil.

1. element.setSelectionRange(0,9999); hace lo que queremos

2. El evento mouseUp deshace la selección.

Por lo tanto (usando Prototype):

    input.observe ('enfoque', función () {
      this.setSelectionRange (0, 9999);
    });
    input.observe ('mouseup', function (event) {
      event.stop ();
    });

Hace el truco.

Mate

Parece que el enfoque funcionará, pero solo cuando se llame directamente desde un evento nativo. llamar al foco usando algo como SetTimeout no aparece llamar al teclado. El control del teclado ios es muy deficiente. No es una buena situación.

Algo como lo siguiente me funciona en Webkit que viene con Android 2.2:

function trySelect(el) {
    setTimeout(function() {
        try {
            el.select();
        } catch (e) {
        }
    }, 0);
}

Consulte Chromium Issue 32865 .

Con iOS 7 en iPad, la única forma en que pude hacer que esto funcionara fue usar realmente en <textarea></textarea>lugar de <input>campo.

p.ej

<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>

Cómo evitar que el usuario cambie el texto dentro del área fue más difícil, ya que si hace que el área de texto sea de solo lectura, el truco de selección ya no funcionará.

Me volví loco buscando esta solución, mientras que todas sus respuestas ayudaron a abrir otra lata de gusanos para mí.

El cliente quería que el usuario pudiera hacer clic y seleccionar todo , y también dejar que el usuario 'tabulara' y seleccionara todo en el iPad (con un teclado externo. Lo sé, loco ...)

Mi solución a este problema fue reorganizar los eventos. Primero enfoque , luego haga clic , luego toque Inicio .

$('#myFUBARid').on('focus click touchstart', function(e){
  $(this).get(0).setSelectionRange(0,9999);
  //$(this).css("color", "blue");
  e.preventDefault();
});

Espero que esto ayude a alguien, ya que ustedes me han ayudado innumerables veces.

Si está utilizando navegadores compatibles con HTML5, puede utilizarlo placeholder="xxx"en su inputetiqueta. Eso debería hacer el trabajo.