web-dev-qa-db-fra.com

Autofocus sur le champ de saisie lorsque div glisse vers le bas

J'ai un div caché. Lorsque le bouton est cliqué, la div glisse vers le bas avec un champ de saisie. Comment puis-je faire ce champ de saisie autofocus dès que le div glisse vers le bas? Merci.

<input type="text" name="comment_field" id="comment_field" placeholder="Comment..." />

est ce que j'ai et est dans un div

$("#status_comments_"+a).slideDown();
    $("#comment_field").focus();

J'ai essayé d'utiliser ce qui précède, mais cela n'a pas fonctionné.

jquerycssinputautofocus
13
Elmer Almeida

Vous pouvez utiliser la fonction de rappel de slideDown qui est exécutée lorsque l'animation est terminée.

$("#status_comments_"+a).slideDown(function(){
    $("#comment_field").focus();
});

Notez que les ID doivent être uniques, sinon votre sélecteur d'ID ne sélectionne que le premier élément avec cet ID spécifique. Si l'élément d'entrée se trouve dans la balise div, vous pouvez également coder:

$("#status_comments_"+a).slideDown(function(){
    $('input', this).focus();
});
18
undefined
 $("#divId").show().focus();

document.getElementById('divID').focus();
0
user5004402