Textarea 高度自适应根据内容自适应高度

最新推荐文章于 2024-03-15 16:36:49 发布

weixin_30657999

最新推荐文章于 2024-03-15 16:36:49 发布

阅读量148

点赞数

原文链接：http://www.cnblogs.com/dashi/archive/2012/01/10/4034730.html

版权

<body>
    <form id="form1" runat="server">
    <div>
    <textarea id='textarea' name="textarea" onpropertychange='setTareaAutoHeight("textarea")' οninput='setTareaAutoHeight("textarea")' style="width: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";
    }

转载于:https://www.cnblogs.com/dashi/archive/2012/01/10/4034730.html

weixin_30657999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Textarea 高度自适应根据内容自适应高度

<body> <form id="form1" runat="server"> <div> <textarea id='textarea' name="textarea" onpropertychange='setTareaAutoHeight("textarea")' oninput='setTareaAutoHei...
复制链接

扫一扫