textarea 高度自动

最新推荐文章于 2023-04-12 14:59:16 发布

diaoao8515

最新推荐文章于 2023-04-12 14:59:16 发布

阅读量117

点赞数

原文链接：http://www.cnblogs.com/Ai-Hen-Jiao-zhi/p/10333620.html

版权

<textarea id="suggest" type="text" name="suggest" class="form-control" style="width:100%;height:50px!important" onkeydown="textareaHightAuto(this.id)"></textarea>

function textareaHightAuto(ids) {
    var id = $("#" + ids)[0]//获取当前id所有元素
    var setStyle = function (id) {
        id.style.height = 'auto';
        id.style.height = id.scrollHeight + 'px';
    }
    var delayedResize = function (id) {
        window.setTimeout(function () {
            setStyle(id)
        }, 0);
    }
    if (id.addEventListener) {
        id.addEventListener('input', function () {
            setStyle(id)
        }, false);
        setStyle(id)
    } else if (id.attachEvent) {
        id.attachEvent('onpropertychange', function () {
            setStyle(id)
        });
        setStyle(id)
    }
    
    if (window.VBArray && window.addEventListener) { //IE9
        id.attachEvent("onkeydown", function () {
            var key = window.event.keyCode;
            if (key == 8 || key == 46) delayedResize(ids);
        });
        id.attachEvent("oncut", function () {
            delayedResize(id);
        }); //处理粘贴
    }
}

转载于:https://www.cnblogs.com/Ai-Hen-Jiao-zhi/p/10333620.html