大佬教程收集整理的这篇文章主要介绍了jquery – Div宽度和高度随着textarea内容的增加而增加,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/shabbirrangwala/NkRYY/8/
$('textarea').keyup(function(e) { if ((e.keyCode || e.which) == 13) { $('.EDetailInset').css('height',((this.value.length + 1) * 3) + 'px'); } else { $('.EDetailInset').css('width',((this.value.length + 1) * 11) + 'px'); } });
var tWidth = $('textarea')[0].value.length; var vWidth = 0; var hIncr = 2; //initial line count - looks somehow? var iheight = $('.EDetailInset').css('height').replace('px',''); //default height to height of Box $('textarea').keyup(function(e) { if ((e.keyCode || e.which) == 13) { $('.EDetailInset').css('height',(hIncr * iheight) + 'px'); //increase height by one line vWidth = 0; //so that the width does not increase hIncr++; //increase line number } else { vWidth = (vWidth+1); //only this increase and reset to zero for new line if(vWidth*11 > tWidth) //if more characters than we had,increase Box width tWidth = vWidth*11; console.log((vWidth*11)+':'+tWidth); $('.EDetailInset').css('width',(tWidth) + 'px'); //no increment,width is static } });
以上是大佬教程为你收集整理的jquery – Div宽度和高度随着textarea内容的增加而增加全部内容,希望文章能够帮你解决jquery – Div宽度和高度随着textarea内容的增加而增加所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。