input的行数自动增减

2024年1月8日 128次阅读 来源: southnan0

材料： textarea 两个

方法：textareaA用于展示，textareaB隐藏；

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

附上其他的方法：实现一个高度自适应的输入框

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