// 最小高度

    var minRows = 5;
    // 最大高度，超过则出现滚动条
    var maxRows = 12;
    function autoResize(){
        var t = document.getElementById('txt');
        if (t.scrollTop == 0) t.scrollTop=1;
        while (t.scrollTop == 0){
            if (t.rows > minRows)
                t.rows--;
            else
                break;
            t.scrollTop = 1;
            if (t.rows < maxRows)
                t.style.overflowY = "hidden";
            if (t.scrollTop > 0){
                t.rows++;
                break;
            }
        }
        while(t.scrollTop > 0){
            if (t.rows < maxRows){
                t.rows++;
                if (t.scrollTop == 0) t.scrollTop=1;
            }
            else{
                t.style.overflowY = "auto";
                break;
            }
        }
    }

查看DEMO-示例

Textarea高度随内容自适应地增长 http://www.msnova.net

转载于:https://www.cnblogs.com/yoyiorlee/archive/2011/05/06/2038748.html

【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩相关推荐

  1. python文本框随窗体变化_Javascript 文本框textarea高度随内容自适应增长收缩

    直接上代码: 方案一: 枫芸志 » 文本框textarea高度自适应增长/伸缩 晴枫制作 http://jb51.net [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 方案一在各浏 ...

  2. js同步获取文本框textarea输入的内容

    教大家怎么实现 同步获取文本框textarea输入的内容 这个js功能 感觉有点像ajax技术 那么先写HTML标签代码 <textarea name="" cols=&qu ...

  3. html文本框代码高亮,CodeMirror 编辑器文本框 TextArea 代码高亮插件 - 文章教程

    CodeMirror 是一个用于编辑器文本框 TextArea 代码高亮 JavaScript 插件,为各种编程语言实现关键字.函数.变量等代码高亮显示,丰富的 API 和可扩展功能以及多个主题样式, ...

  4. 如何用javascript获取文本框，下拉框，单选框的对应值或者将值赋给它们？雪原虎 发布于：2007-10-22 00:32

    如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们? 雪原虎 发布于:2007-10-22 00:32 1.文本框 1.1 <input type="text ...

  5. html显示隐藏域的值,JavaScript获取文本框/编辑框/隐藏域的值

    /p> "http://www.w3.org/TR/html4/loose.dtd"> JavaScript获取文本框/编辑框/隐藏域的值_网页代码站(www.webd ...

  6. 使用JavaScript获取文本框的值方法

    使用JavaScript获取文本框的值方法 第一种方法: 重点看<a onclick="add()">获取值</a> 在script中对应的是标签id的值, ...

  7. php文本输入数字,JavaScript实现文本框只能输入数字的方法介绍

    在我们日常开发中,为了更好的给用户带来体验,我们有的时候需要限制文本框输入内容的类型,这里我们很多时候都会使用到正则表达式来完成,今天我们就给大家介绍下JavaScript实现文本框只能输入数字.小数 ...

  8. 【jQuery插件】insertContent-在文本框光标位置插入内容并选中

    在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题. IE下可以通过document.selection.create ...

  9. html怎样使整个页面居中,如何使整个页面内容居中使高度适应内容自动伸缩

    如何使整个页面内容居中使高度适应内容自动伸缩 发布时间:2013-08-06 15:13:43   作者:佚名   我要评论 如何使整个页面内容居中,如何使高度适应内容自动伸缩.这是学习CSS布局最常 ...

最新文章

  1. Tomcat下log4j设置文件路径和temp目录
  2. python读取excel日期内容读出来是数字-Python xlrd读取excel日期类型的2种方法
  3. python新建文件格式_python之文件操作
  4. Web程序中使用EasyUI时乱码问题
  5. 背景图层和普通图层的区别_图层样式(一)—高级混合选项
  6. 转型HTML5前端工程师怎样学才能拿高薪？
  7. [Ext JS 4] Extjs 图表 Legend(图例)的分行与分列显示
  8. 20210312 plecs外部模式把示波器视野扩大
  9. CCNA考试题库中英文翻译版及答案12
  10. 久邦GOMO总裁朱志在2018校招生交流会分享
  11. 微信小程序 image-cropper 还原按钮控制
  12. springboot连接数据库用户名密码加密
  13. Redis 源码解读之 Rehash 的调用时机
  14. 逝者已逝，愿生者坚强
  15. 计算机网络——Physical_Layer
  16. PHP Web应用开发 -用PHP实现简单的个人博客网站
  17. 在线导入Excel自定义报表，助力快速攻克金融系统开发难点
  18. Tutk P2P的原理和常见的实现方式
  19. yate学习--基于CentOS安装运行yate
  20. 不懂数学，照样做数据科学家

热门文章

  1. python 魔法函数 运行时_16个python常用魔法函数
  2. 限制会话id服务端不共享_会话控制 - able-woman - 博客园
  3. python string库_《python标准库》--string
  4. @bean注解和@component注解的区别_阿里面试题一:spring里面使用xml配置和注解配置区别...
  5. oracle 关系 表 视图_oracle动态视图v$,v_$,gv$,gv_$与x$之间的关系
  6. C++知识点28——使用C++标准库（再谈迭代器）
  7. yolov5检测完不显示框和标注
  8. 优化标定的加入与实现
  9. python ioc di_Spring介绍，IOC（控制反转），DI（依赖注入）介绍及两种注入方法
  10. PowerDesigner连接SqlServer数据库导出表结构