Sélectionnez le texte sur le focus

Question

Je suis en train de sélectionner le texte dans une zone d'entrée en lecture seule, en utilisant jQuery, voici ce que j'ai:

$('input').focus(function(){ 
     $(this).select(); 
    }) 

Lorsque je clique sur l'entrée cependant, il sélectionne rapidement toutes les texte, il "clignote", puis il revient à l'état normal d'être désélectionné.

Des idées dans tout cela?

Answer 1

Le problème est dû au fait que la zone de saisie est en lecture seule (comme vous l'avez mentionné dans la question).
(ce n'est pas un jQuery ou javascript problème)

IE, FF et Opera ont pas de problème. Mais Chrome et Safari exposition, la question que vous mentionnez ..

On dirait que la mise en œuvre d'une autre, et je ne suis pas sûr que vous pouvez travailler autour de ça ..

démo pour présenter (vérifier dans tous les navigateurs avec la console ouverte)
http://jsfiddle.net/gaby/N9qzq/3/

Answer 2

En raison de l'incohérence que les gens mentionner, vous pouvez utiliser les CSS pour simuler votre sélection? Lorsque l'entrée reçoit le focus, appliquez CSS color et background-color afin qu'il semble être sélectionné.

Answer 3

Il y a un peu de bizarrerie ici. focus se produit sur mousedown, mais le placement du curseur se produit sur click (c'est-à-dire un mousedown suivi d'un mouseup). Lorsque le curseur est placé, toute sélection disparaît.

Donc, vous voudrez probablement garder votre événement focus (pour et trigger fins tabulant ing) mais aussi ajouter un click ou un gestionnaire mouseup pour faire la sélection réelle dans le cas d'un clic.

$('input[type="text"]').focus(function() { 
    $(this).select(); 
}).click(function() { 
    if ($(this).val() === 'Your default value') 
    { 
     $(this).select(); 
    } 
}); 

Le if existe de sorte qu'une fois qu'un utilisateur a un texte personnalisé dans votre entrée, ils peuvent cliquer autour sans sélectionner le texte. Bien que cela ne s'applique pas vraiment à une entrée de texte readonly, il peut être supprimé en toute sécurité.

Éditer: Le code semble au mieux incohérent, ce qui peut ne pas être la solution.

Answer 4

D'après ce que Gaby a écrit dans leur poste, cette solution semble fonctionner pour moi:

$('input').focus(function(){ 
    var _self = this; 
    setTimeout(function(){ console.log(_self.select())},100) 
    }) 

Answer 5

Une combinaison des deux techniques a fonctionné pour moi, mais ma boîte n'a pas été en lecture seule. Le select() normal fonctionne tout de suite dans Firefox. Cependant, dans Safari, le mousquet et l'ordre des événements l'amènent à se désélectionner de nouveau sur mouseup. J'ai attaché un événement de mouseup qui commence un select sur un temporisateur retardé après que le mouseup ait fini d'interférer (si le texte est toujours le texte par défaut à remplacer).

Exemple:

$('#your_selector').focus(function() { 
    $(this).select(); 
}).mouseup(function() { 
    if ($(this).val() === 'Enter search terms here'){ 
    var _self = this; 
    setTimeout(function(){ _self.select()},30) 
    } 
}); 

Answer 6

Je l'ai de travail en utilisant le code ci-dessous.Ma version chrome: Version 24.0.1312.52

$("#inputid").on("focus",function(e){ 
    $(this).select(); 
}); 

$("#inputid").on("mouseup",function(e){ 
    return false; 
}); 

Hope this helps ...

Answer 7

<input onClick="this.select()" value="Blabla und Blublu" type="text" /> 

devrait fonctionner

Answer 8

J'ai eu ce test de problème sur les navigateurs. Google a ce problème, je pense que Opera aussi. Firefox, IE ok. Je l'ai résolu par this.select() sur onclick et onfocus.