// textarea自动高度 $(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height = 'auto'; elem.scrollTop = 0; //防抖动 elem.style.height = elem.scrollHeight+2 + 'px'; } this.each(function(){ autoHeight(this); $(this).on('input', function(){ au...
<textarea oninput="autoHeight(this)"></textarea>functionautoHeight(textarea){textarea.style.height="auto";textarea.style.height=textarea.scrollHeight+"px";} 在这个例子中,我们使用了textarea.scrollHeight属性来获取 方式二:通过调整行高 另一种实现方式是调整行高,这样可以让 ...
function autoTextAreaHeight(o) { var element = $(o).val(); var len = strLength.GetLength(element); var rows = Math.ceil(len/30); o.style.height = o.scrollTop + 30 + (rows>0?rows-1:rows)*10 + "px"; //o.style.height = o.scrollTop + o.scrollHeight + "px"; } $(functi...
<textarearows="1" class="answerTextArea" maxlength="60"></textarea> css: .answerTextArea{width:100%;height:auto;border:none;outline:none;font-size:0.6rem;color:#fff;background:none;box-sizing:border-box;padding:0.4rem 0;border-bottom:1px solid #fff; } js实现功能: //监听文本域输入,高...
autoTextAreaHeight(ele); }) </script> </html> 2、其实这个段代码有些小瑕疵,输入的时候,高度自适应,但是足字删除输入的内容时,高度就不自适应了 本人改进办法,由于时间仓促,可能不是很好,如果你有好的方式,可以告诉我,在这里谢谢了。 解决:因为文本域宽度200px,测试了下,每行能输入15个汉字,length长度为...
textarea{ overflow: hidden; // 防止换行出现滚动条闪动 padding:5px10px; box-sizing: border-box; transition: all0.2slinear; } 结果transition并没效果,原因height初始值或者参考值必须为数值过渡动画才会生效,height设置为auto或者inherit动画不会生效, 所以折中的办法就是当删除的时候重新重置高度,输入时不需要...
css({'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight);}// 遍历 textarea...
作为onclick 删除此 html 标记 - Html 代码示例 代码示例2 $('textarea').each(function () { this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;'); }).on('input', function () { this.style.height = 'auto'; this.style.height = (this.scrollHeight) ...
/><title>auto height textarea</title><style>#textarea{width:300px;height:auto;min-height:1rem...
方法1：('textarea').each(function () { this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');}).on('input', function () { this.style.height = 'auto'; this.style.height = (this.scrollHeight) + 'px';});}方法2：用div模拟text...