Sélectionnez tout le contenu de la zone de texte lorsqu'il reçoit le focus (JavaScript ou jQuery)

Question

Qu'est ce qu'un JavaScript ou jQuery solution qui permettra de sélectionner tout le contenu d'une zone de texte lorsque la zone de texte reçoit le focus?

Answer 1

$(document).ready(function() {
    $("input:text").focus(function() { $(this).select(); } );
});

Answer 2

<input type="text" onfocus="this.select();" onmouseup="return false;" />

Answer 3

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

Answer 4

$(document).ready(function() {
    $("input:text")
        .focus(function () { $(this).select(); } )
        .mouseup(function (e) {e.preventDefault(); });
});

Answer 5

Ce n'est pas seulement un Chrome/Safari problème, j'ai vécu une situation assez similaire, le comportement avec Firefox 18.0.1. Le plus drôle, c'est que cela n'arrive pas sur MSIE! Le problème ici, c'est la première mouseup événement qui forces pour désélectionner l'entrée de contenu, donc il suffit d'ignorer la première occurence.

$(':text').focus(function(){
    $(this).one('mouseup', function(event){
        event.preventDefault();
    }).select();
});

Le délai d'expiration approche provoque un comportement étrange, et le blocage de chaque événement mouseup vous ne pouvez pas supprimer la sélection en cliquant à nouveau sur l'élément d'entrée.