Javascriptのtextareaで、常に最終行を表示した状態 （

質問

Javascriptのtextareaで、常に最終行を表示した状態　（追加した文字列の最新の状態）にするには、どう記述すれば、良いのでしょうか？

＜textarea id="ta"＞＜/textarea＞

回答No.1

fujillin · ベストアンサー

textareaのｓscrollを制御するにはscroolTop属性を設定すればよいみたい。
（全体の高さ-表示高さ）をTopの値に設定すればよいけれど、擬似的に全体の高さを入れても、（その大きさは存在しないので）ブラウザ側で訂正してくれるみたい。
なので、
　element.scrollTop = element.scrollHeight
とか。

＞常に最終行を表示した状態
「常に」を本当にやるなら、（onscrollが設定されているブラウザとそうでないものがあるみたいなので）、setIntervalで定期的に設定するとかすればよいのでは？
でも、ユーザが入力中に働くと、大変使いにくいのでfocusがあったらセットしないとかしておかないとならなくなってしまうのでは？
…とするなら、最初にセットしておけば、後はonblurで充分いけるかと。