Sélection programmée de texte dans un champ de saisie sur les appareils iOS (Safari mobile)

Question

Comment sélectionner par programme le texte d'un champ de saisie sur des appareils iOS, par exemple un iPhone ou un iPad fonctionnant avec Safari mobile ?

Normalement, il suffit d'appeler la fonction .select() sur la fonction <input ... /> mais cela ne fonctionne pas sur ces appareils. Le curseur est simplement laissé à la fin de l'entrée existante sans qu'aucune sélection ne soit effectuée.

Answer 1

input.setSelectionRange(0, 9999);

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

Answer 2

Rien dans ce fil de discussion n'a fonctionné pour moi, voici ce qui fonctionne sur mon iPad :

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

Answer 3

Il est difficile de prouver une négation, mais mes recherches suggèrent qu'il s'agit d'un bogue dans Mobile Safari.

Notez que focus() fonctionne, plus ou moins - bien qu'il puisse nécessiter plus d'un tapotement pour réussir, et il n'est pas nécessaire si vous essayez de répondre à un tapotement de l'utilisateur sur le champ en question, car le tapotement lui-même donnera le focus au champ. Malheureusement, select() es tout simplement non fonctionnel dans Mobile Safari.

Votre meilleure chance est peut-être un rapport de bogue avec Apple .

Answer 4

Voir ce violon : (entrez du texte dans le champ de saisie et cliquez sur 'sélectionner le texte')

Il sélectionne du texte dans une zone de saisie sur mon iPod (5e génération iOS6.0.1), ouvre le clavier et affiche également le menu Couper/Copier/Suggérer....

J'utilise un simple javascript. Je n'ai pas essayé avec jQuery

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

Notez que le nombre 999 n'est qu'un exemple. Vous devez définir ces chiffres en fonction du nombre de caractères que vous souhaitez sélectionner.

UPDATE :

• iPod5 - iOS6.0.1 - Fonctionne bien.
• iPad1 - iOS5.1.1 - Seul le texte est sélectionné. Appuyez une fois sur la sélection pour ouvrir le menu Couper/Copier
• iPad2 - iOS4.3.3 - Seul le texte est sélectionné. Appuyez une fois sur la sélection pour ouvrir le menu Couper/Copier

Pour les deux derniers, vous pouvez expérimenter en déclenchant un événement de clic sur l'écran de l'ordinateur. input élément

UPDATE : (07-10-2013)

• iPod5 - iOS7.0.2 - J'utilise l'astuce indiquée dans le lien : Impossible de voir le texte tapé dans la zone de saisie. Appuyer sur select me redirige vers facebook.com ( ??? wtf ? ??) aucune idée de ce qui se passe là-bas.

UPDATE : (14-11-2013)

• iOS 7.0.3 : Merci au commentaire de binki mettre à jour que le .selectionStart y .selectionEnd fait travail.

UPDATE : (15-01-2015)

• iOS 8.x.x : Merci au commentaire de Michael Siebert . Tiré du commentaire : J'ai dû écouter à la fois les événements de focus ET de clic et ensuite définir un Timeout/_.debounce pour que cela fonctionne dans les deux cas : cliquer sur l'entrée ou se concentrer par le biais de la tabulation.

Answer 5

Désolé, dans mon message précédent, je n'ai pas remarqué le Javascript impliquant que vous vouliez une réponse en Javascript.

Pour obtenir ce que vous voulez dans UIWebView con javascript J'ai réussi à rassembler deux éléments d'information importants pour le faire fonctionner. Je ne suis pas sûr pour le navigateur mobile.

1. element.setSelectionRange(0,9999); fait ce que nous voulons

2. l'événement mouseUp annule la sélection

Ainsi (en utilisant Prototype) :

    input.observe('focus', function() {
      this.setSelectionRange(0, 9999);
    });
    input.observe('mouseup', function(event) {
      event.stop();
    });

fait l'affaire.

Matt