sélectionnez le texte dans un champ de texte lorsque vous cliquez dessus?

Question

comment pouvez-vous faire en sorte que le texte dans le champ de texte soit sélectionné lorsque l'utilisateur clique sur le champ de saisie de texte?

j'ai utilisé ce code:

$("input[type=text]").focus(function() { 
     $(this).select(); 
    }); 

mais cela ne fonctionne pas dans Safari. et en FF ça marche parfois.

Answer 1

La méthode select() jQuery déclenche simplement l'événement select sur tous les objets correspondants. Vous devez faire quelque chose de fantaisiste si vous voulez manipuler la gamme de texte sélectionnée dans une zone de texte. Les navigateurs modernes se comportent différemment ici.

Le code suivant devrait fonctionner dans Chrome, Firefox, Internet Explorer, Safari et Opera:

<input type="text" id="textBox" /> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    function textBox_click(ev) { 
     if (this.createTextRange) { 
      // This is for IE and Opera. 
      range = this.createTextRange(); 
      range.moveEnd('character', this.value.length); 
      range.select(); 
     } else if (this.setSelectionRange) { 
      // This is for Mozilla and WebKit. 
      this.setSelectionRange(0, this.value.length); 
     } 
    } 

    $('#textBox').click(textBox_click); 
}); 
</script> 

Answer 2

Essayez:

$("input[type=text]").focus().select(); 

Answer 3

Cela fonctionne pour moi dans Opera, FF, IE

$("input[type=text]").focus(function() { 
    this.select(); 
}); 

Answer 4

Je viens de l'utiliser dans mon code HTML:

... onclick="this.select()"