js 文本框高度自适应

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>文本框高度自适应</title>
    <style type="text/<a href=" http: target="_blank">css">
        #shadow, #text { font: 12px/16px Arial;  overflow: hidden;  }
        #shadow { position: absolute; border- padding: 0px; visibility: hidden; }
        #text { resize: none; }
    </style>
    <script type="text/javascript">
        /*
            文本框高度自适应
            by VILIC VANE
            Web www.vilic.info
            Email i@vilic.info
        */
        window.onload = function () {
            var text = document.getElementById("text"); //用户看到的文本框
            var shadow = document.getElementById("shadow"); //隐藏的文本框
            text.oninput = //非IE的
            text.onpropertychange = //IE的
            onchange;
            
            function onchange() {
                shadow.value = text.value;
                setHeight();
                setTimeout(setHeight, 0); //针对IE 6/7/8的延迟, 否则有时会有一个字符的出入
                function setHeight() { text.style.px"; }
            }
        };
    </script>

<textarea id="text">

提示：您可以先修改部分代码再运行

相关文章

精彩推荐