OnClick增加textarea行

我喜歡有一個smiple html textarea，當點擊（我猜onFocused）將其行=「1」屬性更改爲rows =「10」。我很確定這可以用JavaScript來完成，但我不知道如何。任何幫助都感激不盡。OnClick增加textarea行

來源

2011-07-31 kirby

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

如果您想增加通過其他方式選擇textarea時的行數，例如，你應該使用onfocus而不是onclick，如果你想在失去焦點的時候減少行數，你應該使用類似於this onblur="if(this.value == '') this.rows = '1';"的東西 - 因爲當你在textarea中輸入文本並點擊它時，textarea可能縮小到1行，您的文字將無法歸類。這可以防止這種行爲 - 只在textarea爲空時收縮。

來源

2011-07-31 23:30:14 Zaffy

+1，我想你會想''onblur =「this.rows ='1';」'如果你想在它被點擊時退出。 –

需要注意的事項。如果通過手柄手動調整textarea的大小，以上操作將不會重新調整爲一行。發生此操作時，通過內聯樣式應用高度。解決此問題的方法是清除'style ='''屬性。這可以通過'onblur ='this.rows ='1'內聯完成。 this.style =「」;''或通過'$（this）.css（{height：''}）;'的JQuery onblur函數。 – Illdapt

OnClick增加textarea行

回答

相關問題