jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Div宽度和高度随着textarea内容的增加而增加大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Div随输入的文字增加.精细.但是当我按下输入高度时,应根据文字大小增加,并且宽度不应增加,直到文字达到上述宽度.请帮忙

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

}
});​

Check this JS Fiddle

大佬总结

以上是大佬教程为你收集整理的jquery – Div宽度和高度随着textarea内容的增加而增加全部内容,希望文章能够帮你解决jquery – Div宽度和高度随着textarea内容的增加而增加所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: