Jquery .focus() ne fonctionne pas sans l'attribut tabindex de la div

Question

Comment faire pour que jquery .focus() pour fonctionner sans fixer l'indice de tabulation d'une div

  $("#msgdiv").focus();

<div id="msgdiv" tabindex="100"> </div>

Quelle est la meilleure pratique en la matière ?

ce que je veux réaliser : Après avoir changé le mot de passe, je veux afficher le message de confirmation que le mot de passe a été changé et mettre l'accent sur cette div.

Answer 1

Simplement, vous ne pouvez pas faire le focus sur une div sans tabindex, voir la documentation .

Je ne sais pas vraiment ce que vous voulez faire avec cet extrait de code, mais si vous voulez déclencher un événement de focalisation, vous devriez utiliser déclencher :

$("#msgdiv").trigger('focus');

Answer 2

La div a besoin d'un tabindex pour recevoir le focus, vous pouvez en définir un via jQuery avant la balise focus() sans avoir à l'ajouter manuellement au code HTML - si c'est ce que vous demandez

$("div").attr("tabindex",-1).focus(function() { 
// do something
});

Answer 3

Une div ne peut recevoir le focus que si elle possède l'attribut tabindex.

Quel est votre objectif réel ?