• textarea高度自适应


    有时在开发中会遇到要求textarea多行文本输入时高度自适应,不废话直接上代码:

    HTML

    <textarea name="textArea" id="textarea"></textarea>

    JS

    (function(){
        var textArea = document.getElementById('textarea');
        function activeGo() {
            var scrollHeight = textArea.scrollHeight;
            var height = textArea.offsetHeight;
            if(height < scrollHeight){
        	    var row = textArea.getAttribute('rows');
        	    var newRow = parseInt(row) + 1;
                textArea.setAttribute('rows', newRow);
    //         textArea.style.height = textArea.scrollHeight+'px';
            }
        }
        textArea.addEventListener('propertychange',activeGo);
        textArea.addEventListener('input',activeGo);
    })();
    

      

      

  • 相关阅读:
    python 爬虫 urllib模块 url编码处理
    python 爬虫 urllib模块 目录
    python 爬虫 urllib模块介绍
    python 爬虫 目录
    爬虫 介绍
    POJ 2533
    POJ 2531
    POJ 2524
    POJ 2505
    POJ 2521
  • 原文地址:https://www.cnblogs.com/front-boy/p/9288976.html
Copyright © 2020-2023  润新知