zoukankan      html  css  js  c++  java
  • Textarea 高度自适应 根据内容自适应高度

    <body>
        <form id="form1" runat="server">
        <div>
        <textarea id='textarea' name="textarea" onpropertychange='setTareaAutoHeight("textarea")' oninput='setTareaAutoHeight("textarea")' style="100%; overflow-y:hidden; border:0; font-size:12px"><asp:Literal ID="litCont" runat="server"></asp:Literal></textarea>
        <!--
    IE支持 onPropertyChange 火狐支持oninput

    Firefox有个oninput事件效果和onPropertyChange一样,所以同时加上oninput和onPropertyChange问题就解决
    -->

        </div>
        </form>
    </body>
      function init() {
            // 设置textarea自适应高度
            var handler = function () {
                setTareaAutoHeight('textarea');
            };

            // 添加监听
            if (window.addEventListener) {//FF
                window.addEventListener('DOMContentLoaded', handler, false);
                window.addEventListener('load', handler, false);
            } else if (window.attachEvent)//IE
                window.attachEvent('onload', handler);
            else
                window.onload = handler;
        } // end init

        init();

        function setTareaAutoHeight(id) {
            document.getElementById(id).style.height = document.getElementById(id).scrollHeight + "px";
        }

  • 相关阅读:
    面试问题 集锦
    减少 lwip 消耗 的 RAM
    Blocking Master Example QT 自带 的 serial 即 串口 例子
    32位 的变量 用于表示 ms ,可以表示多少天那?
    centos 腾讯云 今天买了 18个月
    Linux BLE 基于 树莓派
    树莓派 4G模块 PPP 拨号 NDIS 拨号
    linux备份还原命令
    centos7中/tmp文件保存天数
    centos7查看可登陆用户
  • 原文地址:https://www.cnblogs.com/dashi/p/4034730.html
Copyright © 2011-2022 走看看