当前位置：首页 > 资讯 > 技术文档

Javascript 文本框textarea高度随内容自适应增长收缩

时间：2021-07-11 11:12 编辑：来源：阅读：
扫一扫，手机访问

摘要：Javascript 文本框textarea高度随内容自适应增长收缩

直接上代码：
方案一：

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

方案一在各浏览器中，文本框随内容自适应增长都没有问题；但在删除内容时收缩方面表现有所差异，IE、Opera表现正常，Firefox、Chrome、Safari不会收缩。原因是文本框内容高度小于文本框高度时scrollHeight值等于文本框高度，而不是文本框内容高度。
方案二：

[url=http://leaverou.me/2009/11/a-different-approach-to-elastic-textareas/]A different approach to elastic textareas[/url] 方案二即参考此文后实现 [*][url=http://sixrevisions.com/javascript/build-an-elastic-textarea-with-ext-js/]Build an Elastic Textarea with Ext JS[/url] [/*][*][url=http://yottaworks.net/smart-textarea-scrollheight-ie-firefox-opera-safari/]Smart TextArea: scrollHeight in IE, Firefox, Opera and Safari[/url] [/*][/list]
原文链接:http://witmax.cn/javascript-textarea-auto-grow.html

全部评论(0)

上一篇：js实现收缩菜单效果实例代码
下一篇：js iframe网站后台左右收缩型页面脚本

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部