OnClick 增加文本区域行
我想要一个简单的 html 文本区域，当单击时（我猜 onFocused）会将其 rows="1" 属性更改为 rows="10"。我很确定这可以用 javascript 完成，但我不知道如何完成。任何帮助将不胜感激。
Id like to have a smiple html textarea that when clicked (i guess onFocused) will change its rows="1" property to rows="10." I am pretty sure this can be done with javascript, but im not sure how. Any help will be much appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您想在通过其他方式选择文本区域（例如制表符）时增加行数，您应该使用
onfocus而不是onclick，如果您想在失去焦点时减少行数，你应该使用类似this onblur="if(this.value == '') this.rows = '1';"- 因为当你在文本区域中输入文本，然后单击它，文本区域可能会缩小到1 行，您的文本将不可读。这可以防止这种行为 - 仅当文本区域为空时收缩。If you want to increase number of rows when textarea is selected by another way for e.g. tabulator you should use
onfocusinstead ofonclick, and if you wanna decrease rows when losing focus, you should use something likethis onblur="if(this.value == '') this.rows = '1';"- Because when you once type text into the textarea, and click out of it, the textarea may shrink to 1 row and your text will be not readeable. This prevents this behavior - only shrink when textarea is empty.