textarea - OnClickはテキストエリアの行を増やします

Question

クリックすると（おそらくonFocused）、rows="1"プロパティがrows="10"に変更される単純なhtmlテキストエリアが必要です。これはjavascriptで実行できると確信していますが、方法がわかりません。どんな助けでも大歓迎です。

Answer 1

<textarea rows="1" onclick="this.rows = '10';"></textarea>

テキストエリアが別の方法で選択されたときに行数を増やしたい場合、たとえばタブキーonfocusの代わりに使用する必要onclickがあり、フォーカスを失ったときに行を減らしたい場合は、次のようなものを使用する必要がありますthis onblur="if(this.value == '') this.rows = '1';"-一度テキストエリアにテキストを入力すると、クリックすると、textareaが1行に縮小され、テキストが読み取れなくなる可能性があります。これにより、この動作が防止されます。textareaが空の場合にのみ縮小されます。