当前位置: 首页 > Web前端 > HTML

输入行数自动增减

时间:2023-04-02 22:18:03 HTML

材质:textarea两种方法:textareaA用于显示,textareaB隐藏;textareaA行是自动的,textareaB行固定为一行。两者具有相同的宽度,每行具有相同的行高。监听textareaA的change事件,将输入同步到textareaB,同时计算textareaB的scrollHeight,根据:行数=scrollHeight/行高动态更新textareaA的行数。删除内容时,行数也可以同步。附上其他方法:实现一个高度自适应的输入框