エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
textareaの大きさを自動調整 - Qiita
概要 入力量に応じて自動でtextareaのrowsを設定します。前に書いた記事だとうまくいかないことがあった... 概要 入力量に応じて自動でtextareaのrowsを設定します。前に書いた記事だとうまくいかないことがあったので別の方法を考えました。 使い方 以下の内容を記した関数などをSetIntervalなどで定期的に呼び出すか、keyupイベント等のタイミングで呼び出してください。 自動で拡大する JQueryを使う場合 const target = $("テキストエリアのIDなど"); const rawTarget = target.get(0); let lineHeight = Number(target.attr("rows")); while (rawTarget.scrollHeight > rawTarget.offsetHeight){ lineHeight++; target.attr("rows", lineHeight); } const target = documen