【Vanilla JS】テキストエリア(textarea)の高さを自動調整する

[ ID : 11135 ]
シルバー
【Vanilla JS】テキストエリア(textarea)の高さを自動調整する
実装目安
3分

概要

テキストエリアへのテキスト入力時およびテキストエリアのリサイズ時に、テキストエリアの高さをテキスト量に合わせて自動で変更する。

用途・要件

  • テキストエリアの高さをテキスト量に合わせて可変にしたい場合に使用する。
  • テキストエリアへのテキスト入力時、高さを自動調整する。
  • テキストエリアのサイズが変わった時、高さを自動調整する。(監視は「Resize Observer API」を使用)
  • テキストエリアにはCSSresize: none;を指定。
  • 同一ページへの複数設置可能。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録