La fonction de défilement automatique <textarea> avec le Javascript

J'ai ce textarea qui montre d'entrée de texte, mais, lorsque le nombre de lignes dépasse la taille et la largeur de la zone de texte, l'utilisateur doit faire défiler vers le bas pour voir ce qu'ils ont saisies.

J'aimerais textarea pour être vers le bas à chaque fois que la touche enter est enfoncée.

J'ai essayé le suivant, mais je ne peux pas le faire fonctionner:

function inputKeyDown(evt, input) {    
    if (evt.keyCode == 13) {    
        var textarea = document.getElementById("textarea");  
        textarea.value += "\n" + ">" + " " + input.value;  
        input.value = "";  
        return false;       
    }  
    var elem = document.getElementById('textarea');  
    elem.scrollTop = elem.scrollHeight;    
}

et puis j'ai appeler la fonction keyDown dans <input onKeyDown="return keyDown(event, this);" ...>

Aucune idée pourquoi pas workie?

  • Veuillez lire la How to format case à côté de la forme des questions pour savoir comment formater le code et code en ligne correctement.
InformationsquelleAutor Big Mo Fo | 2010-09-09
  1. 4

    Essayez ce qui suit:

    textarea.scrollTop = textarea.scrollHeight - textarea.clientHeight;
    InformationsquelleAutor four33
  2. 0

    Cela dépend du type d'entrée que vous êtes en train de regarder, mais le fait de forcer le curseur vers le bas pourrait être un sérieux problème d'utilisabilité. Si vous avez besoin d'un textarea qui s'étend automatiquement, avoir un regard sur les solutions existantes telles que ce plugin jQuery

    Je ne suis pas vraiment sûr si c'est ce que vous voulez, mais jetez un oeil à ceci: http://jsfiddle.net/yV76p/

    var textarea = document.getElementById("textarea");

textarea.onkeyup = function(evt) {
    this.scrollTop = this.scrollHeight;
}
    • Salut Yi, la solution est lié à ne pas montrer le textarea de l'expansion. Vous voudrez peut-être vérifier que le code est correct
    • Lire attentivement, la solution répond à l'OP de la question de savoir comment obtenir le textarea pour faire défiler vers le bas chaque fois qu'une touche est pressée. Il n'a pas d'étendre automatiquement le textarea, puisque ce n'est pas ce que l'OP voulait, mais si vous voulez que vous pouvez regarder le lien vers le plugin jQuery
    InformationsquelleAutor Yi Jiang