jquery entrée sélectionner tout dans le focus

Essayez d'utiliser click au lieu de focus. Il semble que cela fonctionne pour les deux souris et des événements clés (au moins sur Chrome/Mac):

jQuery < la version 1.7:

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

la version jQuery 1.7+:

$("input[type='text']").on("click", function () {
   $(this).select();
});

Voici une démo

Je pense que c'est la meilleure solution. À la différence, il suffit de sélectionner dans l'événement onclick, il n'empêche pas la sélection/édition de texte avec la souris. Il fonctionne avec les principaux moteurs de rendu, y compris IE8.

$('input').on('focus', function (e) {
    $(this)
        .one('mouseup', function () {
            $(this).select();
            return false;
        })
        .select();
});

http://jsfiddle.net/25Mab/9/

Après un examen attentif, je propose ceci comme solution de nettoyage au sein de ce thread:

$("input").focus(function(){
    $(this).on("click.a keyup.a", function(e){      
        $(this).off("click.a keyup.a").select();
    });
});

La démo en jsFiddle

Le Problème:

Voici un peu d'explication:

Tout d'abord, jetons un coup d'oeil à l'ordre des événements lorsque vous déplacez la souris ou d'un onglet dans un champ.

Nous pouvons nous connecter tous les événements comme ceci:

$("input").on("mousedown focus mouseup click blur keydown keypress keyup change",
              function(e) { console.log(e.type); });

Note: j'ai changé cette solution pour utiliser click plutôt que mouseup, comme il arrive plus tard dans le cas du pipeline et semblait être à l'origine de certains problèmes dans firefox par @Jocie commentaire

Certains navigateurs tentative pour positionner le curseur au cours de la mouseup ou click événements. Ce qui est logique puisque vous voudrez peut-être commencer le curseur dans une position et faites-le glisser sur pour mettre en surbrillance du texte. Il ne peut pas faire une désignation sur la position du curseur jusqu'à ce que vous avez fait levé la souris. Donc les fonctions qui gèrent les focus sont condamnés à réagir trop tôt, laissant le navigateur pour remplacer votre positionnement.

Mais le hic, c'est que nous voulons vraiment pour gérer les événements de focus. Il nous permet de connaître la première fois que quelqu'un est entré dans le domaine. Après ce point, nous ne voulons pas continuer à ignorer le comportement de la sélection de l'utilisateur.

La Solution:

Au lieu de cela, à l'intérieur de la focus gestionnaire d'événements, nous pouvons joindre rapidement des auditeurs pour la click (cliquez sur) et keyup (onglet) les événements qui sont sur le point de feu.

Note: Le keyup d'un onglet événement sera effectivement incendie dans le nouveau champ de saisie, pas le précédent

Nous ne voulons déclencher l'événement une fois. Nous pourrions utiliser .one("click keyup), mais ce serait appeler le gestionnaire d'événements une fois pour chaque type d'événement. Au lieu de cela, dès que mouseup ou keyup est pressé, nous allons appeler notre fonction. La première chose que nous allons faire est de retirer les gestionnaires pour les deux. De cette façon, il ne sera pas question de savoir si nous avons à onglets ou on passe la souris en. La fonction doit exécuter exactement une fois.

Note: la Plupart des navigateurs naturellement sélectionner tout le texte lors d'un onglet événement, mais comme animatedgif souligné, nous voulons toujours la poignée de la keyup événement, sinon le mouseup événement sera encore qui traînent autour de chaque fois que nous avons à onglets dans. Nous écoutons à la fois ce qu'on peut éteindre les auditeurs dès que nous avons traité la sélection.

Maintenant, nous pouvons faire appel select() après le navigateur a fait sa sélection, nous sommes donc assurez-vous de remplacer le comportement par défaut.

Enfin, pour une protection supplémentaire, nous pouvons ajouter événement d'espaces de noms à la mouseup et keyup fonctions de sorte que le .off() méthode ne supprime pas les autres auditeurs qui pourraient être en jeu.

---

Testé dans IE 10+, FF 28+, & Chrome 35+

---

Alternativement, si vous voulez prolonger la durée de jQuery avec un fonction appelée une fois qui va déclencher exactement une fois pour n'importe quel nombre d'événements:

$.fn.once = function (events, callback) {
    return this.each(function () {
        var myCallback = function (e) {
            callback.call(this, e);
            $(this).off(events, myCallback);
        };
        $(this).on(events, myCallback);
    });
};

Ensuite, vous pouvez simplifier le code comme ceci:

$("input").focus(function(){
    $(this).once("click keyup", function(e){      
        $(this).select();
    });
});

La démo en violon

Cette version fonctionne sur ios et corrige standard faites glisser la sélection sur windows chrome

var srcEvent = null;

$("input[type=text],input[type=number]")

    .mousedown(function (event) {
        srcEvent = event;
    })

    .mouseup(function (event) {
        var delta = Math.abs(event.clientX - srcEvent.clientX) 
                  + Math.abs(event.clientY - srcEvent.clientY);

        var threshold = 2;
        if (delta <= threshold) {
                   try {
                        //ios likes this but windows-chrome does not on number fields
                        $(this)[0].selectionStart = 0;
                        $(this)[0].selectionEnd = 1000;
                    } catch (e) {
                        //windows-chrome likes this
                        $(this).select();
                    }
        }
    });

http://jsfiddle.net/Zx2sc/2/

Trouvé un génial solution de lecture ce fil

$(function(){

    jQuery.selectText('input:text');
    jQuery.selectText('input:password');

});

jQuery.extend( {
    selectText: function(s) { 
        $(s).live('focus',function() {
            var self = $(this);
            setTimeout(function() {self.select();}, 0);
        });
    }
});

Je suis venue à partir de la fin 2016 et ce code fonctionne dans les dernières versions de jquery (jquery-2.1.3.js dans le cas présent).

if ($(element).is("input")) {
    $(element).focus(function () {
        $(element).select();
    });
}

Ou vous pouvez simplement utiliser <input onclick="select()"> Fonctionne parfaitement.

Vous pouvez utiliser un code simple:

$('#idname').select();