input的行数自动增减

2024年5月14日 88次阅读来源: southnan0

材料： textarea 两个

要领：textareaA用于展现，textareaB隐蔽；

textareaA行数自动，textareaB行数固定为一行。
两个宽度一致，每行的行高雷同。
监听textareaA的change事宜，将输入同步到textareaB，并同时盘算textareaB的scrollHeight，依据：
  行数=scrollHeight/行高 
，动态更新textareaA的行数。
删除内容时，也可同步行数。

附上其他的要领：完成一个高度自适应的输入框

    原文作者：southnan0
    原文地址: https://segmentfault.com/a/1190000009754520
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。