jquery select()

Par thierrysudfr, il y a 13 ans

Javascript

Bonjour à tous,
Petit souci avec la fonction select() de Jquery, qui sert à sélectionner le contenu d'un input ou d'un textarea.
La fonction fonctionne parfaitement bien sous FF et IE (9), mais sous chrome, la sélection s'annule dès que le bouton de la souris est relaché.
voici le code:

<textarea class="contenu">mon texte à sélectionner quand le textarea prend le focus</textarea>
<script>
$('textarea.contenu').focus(function(e){
        $(this).select();
        });
</script>

J'ai tenté un return false, un e.stopPropagation(), sans succès.
Avez-vous une idée ?
Merci
Thierry.

2 réponses

Maenhyr, il y a 13 ans

Essaye ceci :

<textarea class="contenu">mon texte à sélectionner quand le textarea prend le focus</textarea>
<script>
$('textarea.contenu').focus(function(e){
        $(this).select();
        $(this).mouseup(function(e){ e.preventDefault(); });
        });
</script>

Petit hack qui permet de fair fonctionner sous WebKit.

thierrysudfr, il y a 13 ans

J'avais bien pensé à cette solution, mais on ne peut plus déselectionner à la souris, uniquement avec les flèches du clavier.
Mais je viens de trouver une solution qui fonctionne :

<textarea class="contenu">mon texte à sélectionner quand le textarea prend le focus</textarea>
<script>
$('textarea.contenu').focus(function(){
        $(this).mouseup(function(){ $(this).select(); });
        });
</script>

Merci.
Thierry