JavaScript 实现 Textarea 内容自适应高度
您可以使用以下代码来实现通过 js 改变 textarea value 时触发自适应高度的功能:
// 获取 textarea 元素
var textarea = document.querySelector('textarea');
// 监听 textarea 内容变化事件
textarea.addEventListener('input', function() {
// 设置 textarea 的高度自适应内容
this.style.height = 'auto';
this.style.height = this.scrollHeight + 'px';
});
在上述代码中,我们使用了 input 事件来监听 textarea 内容的变化。每次内容变化时,我们都将 textarea 的高度设置为自适应内容。具体来说,我们首先将 textarea 的高度设置为 'auto',然后再将其设置为 scrollHeight 属性的值,即 textarea 内容的实际高度。这样就可以实现自适应高度的效果了。
原文地址: https://www.cveoy.top/t/topic/lW4f 著作权归作者所有。请勿转载和采集!