autosize实现textarea标签高度自适应

本文介绍: autosize 实现 textarea 标签高度自适应，autosize.js是一个自动调整大小是一个小的脚本，可以自动调整文本区域的高度以适合文本内容。我们很多地方都能用的到，比如 textarea 里面有初始化内容，高度默认100px，当鼠标点击进去的时候，文本区域高度自适应内容高度显示，方便编辑内容。

autosize.js是一个自动调整大小是一个小的脚本，可以自动调整文本区域的高度以适合文本内容。

我们很多地方都能用的到，比如 textarea 里面有初始化内容，高度默认100px，当鼠标点击进去的时候，文本区域高度自适应内容高度显示，方便编辑内容。

官方网址：Autosize

使用方法：
autosize 函数接受单个 text a re a 元素，或者 text a re a 元素的数组或类似数组的对象（如 No deLi s t 或 jQue ry 集合）。

// from a NodeList
autosize(document.querySelectorAll('textarea'));

// from a single Node
autosize(document.querySelector('textarea'));

// from a jQuery collection
autosize($('textarea'));

方法

名字	描述
autosize.update（elements）	触发指定文本区域元素的高度调整。自动调整大小将自动调整键盘和窗口大小调整事件的文本区域高度。自动调整大小没有有效的方法来监视另一个脚本何时更改了文本区域值或影响文本区域元素的布局更改。 `// Init var ta = document.querySelector('textarea'); ta.style.display = 'none'; autosize(ta); // Change layout ta.style.display = 'block'; autosize.update(ta); // Change value ta.value = "Some new value"; autosize.update(ta);`
Autosize.dest ro y（元素）	删除自动调整大小并还原它对文本区域元素所做的任何更改。 `autosize.destroy(document.querySelectorAll('textarea'));`

名字

描述

autosize.update（elements）

触发指定文本区域元素的高度调整。自动调整大小将自动调整键盘和窗口大小调整事件的文本区域高度。自动调整大小没有有效的方法来监视另一个脚本何时更改了文本区域值或影响文本区域元素的布局更改。

// Init
var ta = document.querySelector('textarea');
ta.style.display = 'none';
autosize(ta);

// Change layout
ta.style.display = 'block';
autosize.update(ta);

// Change value
ta.value = "Some new value";
autosize.update(ta);

Autosize.dest ro y（元素）

删除自动调整大小并还原它对文本区域元素所做的任何更改。

autosize.destroy(document.querySelectorAll('textarea'));

原文地址:https://blog.csdn.net/stwood007/ar ti cle/details/128975008

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_39715.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章

发表回复 取消回复

发表回复取消回复