$.focus() ne fonctionne pas

Question

Le site Dernier exemple de l'utilisation de jQuery focus() documentation États

$('#id').focus()

devrait rendre l'entrée focalisée (active). Je n'arrive pas à le faire fonctionner.

Même dans la console de ce site, je l'essaie pour la boîte de recherche.

$('input[name="q"]').focus()

et je n'obtiens rien. Vous avez une idée ?

Answer 1

J'ai également rencontré ce problème. La solution qui a fonctionné dans mon cas a été d'utiliser la propriété tabindex sur l'élément HTML.

J'utilisais ng-repeat pour certains éléments li à l'intérieur d'une liste et je n'ai pas réussi à mettre l'accent sur le premier li en utilisant .focus(), j'ai donc simplement ajouté l'attribut tabindex à chaque li pendant la boucle.

alors maintenant <li ng-repeat="user in users track by $index" tabindex="{{$index+1}}"></li>

Ce +1 était l'indice commence à partir de 0. Assurez-vous également que l'élément est présent dans le DOM avant d'appeler la fonction .focus().

J'espère que cela vous aidera.

Answer 2

Je réalise que c'est vieux, mais je suis tombé dessus aujourd'hui. Aucune des réponses n'a fonctionné pour moi, ce que j'ai trouvé qui a fonctionné était setTimeout. Je voulais que le focus soit placé sur le champ d'entrée d'une modale, l'utilisation de setTimeout a fonctionné. J'espère que cela vous aidera !

Answer 3

Ajoutez un délai avant focus(). 200 ms est suffisant

function focusAndCursor(selector){
  var input = $(selector);
  setTimeout(function() {
    // this focus on last character if input isn't empty
    tmp = input.val(); input.focus().val("").blur().focus().val(tmp);
  }, 200);
}

Answer 4

J'ai eu ce problème à nouveau à l'instant, et croyez-le ou non, tout ce que j'ai eu à faire était de fermer les outils de développement. Apparemment, l'onglet Console a la priorité sur le contenu de la page.

Answer 5

Pour ceux qui ont le problème de ne pas fonctionner parce que vous avez utilisé "$(element).show()". Je l'ai résolu de la manière suivante :

 var textbox = $("#otherOption");
 textbox.show("fast", function () {
    textbox[0].focus();
  });

Vous n'avez donc pas besoin d'un timer, il s'exécutera après que la méthode show soit terminée.