textarea 动态填充内容 文本框高度自适应

需求是导入文件内容，textarea文本框自动增加高度

如果要使用监听最好使用oninput而不是onchange：

onkeyup 使用复制粘贴时，高度不能自动改变

onchange 事件：在内容改变（两次内容有可能相等）且失去焦点时触发，不能实时同步

oninput 事件：HTML5 的标准事件，可以用来检测元素通过用户界面发生的内容变化，在内容修改后立即被触发

我这边是监听回车键，每次回车则重新设置高度

方法1：

$('textarea')each(function () {

  thissetAttribute('style', 'height:' + (thisscrollHeight) + 'px;overflow-y:hidden;');})on('input', function () {

  thisstyleheight = 'auto';

  thisstyleheight = (thisscrollHeight) + 'px';});

}

方法2：用div模拟textarea:。代码如下。加上contenteditable属性

<div contenteditable="true"></div>

以上就是关于textarea 动态填充内容 文本框高度自适应全部的内容，包括:textarea 动态填充内容 文本框高度自适应、HTML网页中textarea的高度自适应怎么实现、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！